Um sítio que usa menos água
Por que um site usa água
Cada página que você envia passa por servidores e redes. Eles usam eletricidade e ficam quentes. Muitos centros de dados são resfriados com água, e fazer eletricidade também usa água. Enviar menos dados significa menos energia e menos água.
Dez passos simples e gratuitos
- Imagens mais claras: WebP ou AVIF, no tamanho certo, com
srcsetEntão os telefones têm uma versão pequena. - Carregamento preguiçoso:
loading="lazy"edecoding="async"para imagens abaixo da dobra. - - Caches longos:
Cache-Control: max-age=31536000, imutávelpara arquivos cujo nome muda com cada versão. - Site estático e CDN: páginas fixas, servidas perto do visitante, sem trabalho em cada visita.
- Sem reprodução automática de vídeo ou áudio: só reproduza quando a pessoa clica.
- Menos JavaScript: remova o que não é usado, carregue o resto apenas na página que precisa dele.
- Honra
prefers-reduced-motione pausa as animações quando a guia está escondida. - Poucos scripts de terceiros: nenhum rastreador ou widgets desnecessários.
- Fontes: poucos pesos, WOFF2, dividido por alfabeto.
- Medir: testar as suas páginas com uma ferramenta como o EcoIndex, antes e depois.
O que Lapis faz
- Páginas estáticas em um CDN, sem base de dados e sem IA ao vivo.
- Imagens WebP em três tamanhos (srcset), carregadas preguiçosamente abaixo da primeira tela.
- Fontes WOFF2 divididas por alfabeto: só o alfabeto necessário é baixado.
- Sem rastreadores, sem anúncios, sem vídeo automático.
- As animações de jogo pausam quando a guia está escondida e reduce motion é respeitada.
Peso medido na primeira carga (390 px telefone)
| Página | Antes | Depois |
|---|---|---|
| Acção de apoio | 486 KB | 487 KB |
| - Não, não. | 381 KB | 382 KB |
| Música /fr/música/ | 217 KB | 218 KB |
Fontes
- W3C Orientações para a Sustentabilidade da Web
- Fundação Green Web
- GreenIT.fr EcoIndex
- MDN Carregamento preguiçoso
Este guia é gratuito, não recomenda nenhum produto.