Honlap, amely kevesebb vizet használ
Miért használ a weboldal vizet
Minden oldal, amit küldsz, szervereken és hálózatokon keresztül megy. Ők áramot használnak és melegek. Sok adatközpontot vízvel hűtünk, és a villamos energia készítése is vizet használ.
Tíz egyszerű, ingyenes lépés
- Könnyebb képek: WebP vagy AVIF, megfelelő méretben,
srcsetA telefonok kis verziót kapnak. - Lámulás:
loading="lazy"ésdecoding="async"a hajtás alá tartozó képek esetében. - Hosszú előkészület:
Cache-Control: max-age=31536000, változatlanolyan fájlok esetében, amelyek neve változik a változatonként. - statikus webhely és CDN: rögzített oldalak, a látogató közelében szolgálnak, minden látogatás során nem végeznek munkát.
- Nincs automatikus videó vagy hang: csak akkor játsszon, ha a személy kattint.
- Kevesebb JavaScript: távolítsd el a felhasználtakat, a többit csak a szükséges oldalon töltsd be.
- A becsület.
prefers-reduced-motionés állítsa le az animációkat, ha a lap el van rejtve. - Kevés harmadik fél szkriptje: nincs nyomkövető vagy szükségtelen widget.
- Szövegek: kevés súly, WOFF2, abejtés szerint osztva.
- Mérték: tesztelje a lapjait egy olyan eszköz segítségével, mint az EcoIndex, előtte és utána.
Mit csinál Lapis
- statikus oldalok egy CDN-n, nincs adatbázis és nincs élő AI.
- WebP képek három méretű (srcset), leggyengébb feltöltött az első képernyő alatt.
- A WOFF2 betűt az abecsék szerint osztjuk le: csak a szükséges abecsét letöltik.
- Nincs nyomkövető, nincs hirdetés, nincs automatikus videó.
- A játék animációi szünetbe lépnek, amikor a táblát elrejtjük, és a reducing motion tiszteletben tartják.
Az első terhelés során mérett súly (390 px telefon)
| Oldalak | Mielőtt | Azután |
|---|---|---|
| Üdvözlet /fr/ | 486 KB | 487 KB |
| - Nem, nem. | 381 KB | 382 KB |
| Zene /fr/zene/ | 217 KB | 218 KB |
Források
Ez a útmutató ingyenes, nem ajánljuk a terméket.