Un sitio que usa menos agua
Por qué un sitio web utiliza agua
Cada página que envías pasa por servidores y redes. Ellos utilizan electricidad y se calientan. Muchos centros de datos se enfrían con agua, y hacer electricidad también usa agua. Enviar menos datos significa menos energía y menos agua.
Diez pasos sencillos y gratuitos
- Imágenes más claras: WebP o AVIF, del tamaño adecuado, con
srcsetAsí que los teléfonos tienen una versión pequeña. - Carga perezosa:
loading="lazy"ydecoding="async"para las imágenes debajo del pliegue. - El caché largo:
Control de caché: edad máxima = 31536000, inmutablepara archivos cuyo nombre cambia con cada versión. - Sitio estático y CDN: páginas fijas, servidas cerca del visitante, sin trabajo en cada visita.
- No hay vídeo o audio automático: sólo se reproduce cuando la persona hace clic.
- Menos JavaScript: elimina lo que no se usa, carga el resto solo en la página que lo necesita.
- El honor
prefers-reduced-motiony pausa las animaciones cuando la pestaña está oculta. - Pocos scripts de terceros: no hay rastreadores o widgets innecesarios.
- Fuentes: pocos pesos, WOFF2, dividido por alfabeto.
- Medir: probar sus páginas con una herramienta como EcoIndex, antes y después.
Lo que hace Lapis
- Páginas estáticas en un CDN, sin base de datos y sin IA en vivo.
- Imágenes WebP en tres tamaños (srcset), cargadas con cargas perezosas debajo de la primera pantalla.
- Las fuentes WOFF2 divididas por alfabeto: sólo se descarga el alfabeto necesario.
- No hay rastreadores, no hay anuncios, no hay video de reproducción automática.
- Las animaciones de juego se detienen cuando la pestaña está oculta, y se respeta reducir el movimiento.
Peso medido en la primera carga (390 px teléfono)
| Página | Antes de | Después de |
|---|---|---|
| Acogida de las personas | 486 KB | 487 KB |
| El precio de la venta | 381 KB | 382 KB |
| La música | 217 KB | 218 KB |
Fuentes
- W3C Directrices para la sostenibilidad de la web
- Fundación de la Red Verde
- GreenIT.fr EcoIndex
- MDN Carga perezosa
Esta guía es gratuita. No recomienda ningún producto.