Lapis ←

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

  1. Leichtere Bilder: WebP oder AVIF, in der richtigen Größe, mit srcset So bekommen Telefone eine kleine Version.
  2. Faulbelastung: loading="lazy" und decoding="async" für Bilder unterhalb der Falte.
  3. Langer Cache: Cache-Control: max. Alter = 31536000, unveränderlich für Dateien, deren Name sich mit jeder Version ändert.
  4. Statische Website und CDN: Festseiten, die dem Besucher nahe bedient werden, ohne dass bei jedem Besuch Arbeit erfolgt.
  5. Keine Autoplay-Video oder Audio: Nur dann spielen, wenn die Person klickt.
  6. Weniger JavaScript: Entfernen Sie das, was nicht verwendet wird, laden Sie den Rest nur auf die Seite, die es benötigt.
  7. Ehren prefers-reduced-motion und Pause Animationen, wenn die Registerkarte verborgen ist.
  8. Wenige Drehbuchs von Drittanbietern: keine Tracker oder unnötige Widgets.
  9. Schriftzeichen: wenige Gewichte, WOFF2, alphabetisch aufgeteilt.
  10. 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)

SeiteVorherNach
Accueil /fr/486 KB487 KB
Die Kommission hat die Kommission mitgeteilt.381 KB382 KB
Musik /fr/Musik/217 KB218 KB

Quellen

Dieser Leitfaden ist kostenlos. Es empfiehlt kein Produkt.

Kostenloses Tool: Lean-Standort-Checker

Alle unsere kostenlosen Werkzeuge