Witryna, która zużywa mniej wody
Dlaczego strona internetowa używa wody
Każda przesyłana strona przechodzi przez serwery i sieci. Korzystają z energii elektrycznej i podgrzewają się. Wiele centrów danych jest ochłodzonych wodą, a wytwarzanie energii elektrycznej wykorzystuje również wodę.
Dziesięć prostych, darmowych kroków
- Lżejsze obrazy: WebP lub Wydatki na, w odpowiednim rozmiarze, z
srcsetWięc telefony mają małą wersję. - Ładność leniwa:
loading="lazy"idecoding="async"w przypadku zdjęć poniżej skórki. - Długie przechowywanie:
Kontrola pamięci podręcznej: maksymalny wiek = 31536000, niezmiennaw przypadku plików, których nazwy zmieniają się wraz z każdą wersją. - Statyczny strona i CDN: stałe strony, obsługiwane w pobliżu odwiedzającego, bez pracy przy każdej wizyty.
- Bez odtwarzania wideo lub dźwięku: odtwarzanie tylko wtedy, gdy osoba kliknie.
- Mniej JavaScript: usuwaj nieużywane, a resztę ładuj tylko na stronę, która potrzebuje.
- Szczyt
prefers-reduced-motioni zatrzymać animacje, gdy klika jest ukryta. - Niewiele skryptów ze strony osób trzecich: brak śledzików lub niepotrzebnych widżetów.
- Słowa: niewiele ciężarów, WOFF2, podzielone alfabetycznie.
- Środki: sprawdź strony za pomocą narzędzia takiego jak EcoIndex, przed i po.
Co robi Lapis
- Statyczne strony na CDN, bez bazy danych i bez sztucznej inteligencji.
- Obrazy WebP w trzech rozmiarach (srcset), ładnie załadowane poniżej pierwszego ekranu.
- Szacunki WOFF2 podzielone na alfabety: pobierane jest tylko potrzebne alfabety.
- Bez śledzików, reklam, bez wideo.
- Animacje gry zatrzymują się, gdy zakryje się zakładkę, a reducer ruch jest szanowany.
Waga zmierzona przy pierwszym ładowaniu (390 px telefon)
| Strona | /Ponieważ | Po |
|---|---|---|
| Accueil /fr/ | 486 KB | 487 KB |
| ////Jeu /fr/jeu/ | 381 KB | 382 KB |
| Muzyka /fr/muzyka/ | 217 KB | 218 KB |
Źródła
- W3C Wytyczne dotyczące zrównoważonego rozwoju sieci
- Fundacja Green Web
- GreenIT.fr EcoIndex
- MDN Łańce ładowanie
To przewodnik jest bezpłatny.