Navegação sustentável na Web em Chrome com OffiDocs

DESCRIÇÃO

A internet tornou-se uma grande parte da vida moderna e seu uso ainda está aumentando em números.

Esse aumento no uso custa energia para os servidores nos quais essas páginas da Web e outros componentes essenciais estão sendo executados, bem como para o computador do usuário final.

Existem várias maneiras pelas quais as páginas da Web consomem mais energia do que o necessário.

Em primeiro lugar, as páginas da web são construídas de forma ineficiente, pois os desenvolvedores normalmente não priorizam o consumo eficiente de energia.

Em segundo lugar, as páginas da Web geralmente mostram muitos elementos desnecessários, como imagens, nos quais o visitante não está interessado.

Os benefícios de tornar uma página da Web mais eficiente em termos de energia não são tão aparentes para os desenvolvedores.

Quando a eficiência da web é focada, geralmente é por outros motivos além do consumo de energia, como velocidade de carregamento da página e acessibilidade para pessoas com baixa taxa de bits.

Devido a essa falta de foco, muita energia pode ser economizada tornando a web mais eficiente.

Especificamente, procuraremos trazer eficiência para o lado do servidor.

Embora a maneira mais eficiente de fazer isso seja adaptar as páginas da Web diretamente, isso também pode ser feito externamente.

Nosso objetivo é fazer isso criando uma extensão de navegador que filtre as páginas da Web antes de serem carregadas.

Esta extensão pode ser adicionada ao seu navegador e adiciona automaticamente o filtro a qualquer página da web que você esteja visitando.

Pelo trabalho da extensão, as páginas são despojadas de recursos desnecessários, como bordas, sombras, animações e transições, planos de fundo e outras decorações.

As fontes são padronizadas para Arial, que é construída em qualquer navegador.

Uma escala de cinza é sobreposta no site e as imagens são trocadas por um quadro vazio.

Para implementar essa extensão de navegador, usamos principalmente a inserção de CSS.

Isso pode ser feito antes do carregamento de uma página, o que o torna perfeito para nosso objetivo de reduzir as emissões de carregamento de página sem alterar nenhuma funcionalidade da página.

Este método também não é específico da página, então a extensão pode estar ativa em toda e qualquer página da web.

Inserir CSS nos permite sobrescrever muitos scripts de estilo na página e também remover imagens em muitas instâncias.

Além disso, usamos para remover transições e simplificar todos os elementos da página; as páginas são em tons de cinza, as fontes são padronizadas para Arial, as decorações de texto e as sombras são removidas, as cores também são definidas como padrão.

Todas essas coisas tornam a página uma versão mais simplificada de si mesma.

Após a inserção do CSS, a página é carregada.

Só assim podemos rodar o javascript no DOM (Document Object Model), que é o modelo que descreve o conteúdo da página.

Aqui todas as imagens e outros elementos de mídia, como vídeo e áudio, são removidos da página.

Informação adicional:

- Oferecido por koenhagen
- Avaliação média: 0 estrelas (odiei)
- Desenvolvedor Este endereço de e-mail está protegido contra spambots. Você deve habilitar o JavaScript para visualizá-lo.

Navegação na web sustentável extension integrado com o OffiDocs Chromium online