Eine Website, die weniger Wasser braucht
Warum eine Website Wasser verwendet
Jede Seite, die Sie senden, geht durch Server und Netzwerke. Sie verbrauchen Strom und werden heiß. Viele Rechenzentren werden mit Wasser gekühlt, und Stromherstellung verbraucht auch Wasser. Weniger Daten zu senden bedeutet weniger Energie und weniger Wasser.
Zehn einfache, kostenlose Schritte
- Leichtere Bilder: WebP oder AVIF, in der richtigen Größe, mit
srcsetSo bekommen Telefone eine kleine Version. - Faulbelastung:
loading="lazy"unddecoding="async"für Bilder unterhalb der Falte. - Langer Cache:
Cache-Control: max. Alter = 31536000, unveränderlichfür Dateien, deren Name sich mit jeder Version ändert. - Statische Website und CDN: Festseiten, die dem Besucher nahe bedient werden, ohne dass bei jedem Besuch Arbeit erfolgt.
- Keine Autoplay-Video oder Audio: Nur dann spielen, wenn die Person klickt.
- Weniger JavaScript: Entfernen Sie das, was nicht verwendet wird, laden Sie den Rest nur auf die Seite, die es benötigt.
- Ehren
prefers-reduced-motionund Pause Animationen, wenn die Registerkarte verborgen ist. - Wenige Drehbuchs von Drittanbietern: keine Tracker oder unnötige Widgets.
- Schriftzeichen: wenige Gewichte, WOFF2, alphabetisch aufgeteilt.
- Messung: Testen Sie Ihre Seiten mit einem Werkzeug wie EcoIndex, vor und nach.
Was Lapis tut
- Statische Seiten auf einem CDN, ohne Datenbank und keine Live-KI.
- WebP-Bilder in drei Größen (srcset), faul unter dem ersten Bildschirm geladen.
- WOFF2-Schriften nach Alphabet: Nur das benötigte Alphabet wird heruntergeladen.
- Keine Tracker, keine Anzeigen, kein Autoplay-Video.
- Die Animationen pausieren, wenn die Registerkarte verborgen ist, und reduce motion wird respektiert.
Gewicht gemessen bei der ersten Ladung (390 px Telefon)
| Seite | Vorher | Nach |
|---|---|---|
| Accueil /fr/ | 486 KB | 487 KB |
| Die Kommission hat die Kommission mitgeteilt. | 381 KB | 382 KB |
| Musik /fr/Musik/ | 217 KB | 218 KB |
Quellen
Dieser Leitfaden ist kostenlos. Es empfiehlt kein Produkt.