Site na gumagamit ng mas kaunting tubig
Bakit ginagamit ng isang website ang tubig
Ang bawat pahina na iyong ipinapadala ay lumilipat sa mga server at network. Gumagamit sila ng kuryente at nakakasikat. Maraming data center ang pinalamig sa tubig, at ang paggawa ng kuryente ay gumagamit din ng tubig. Ang pagpapadala ng mas kaunting data ay nangangahulugang mas kaunting kuryente at mas kaunting tubig.
Sampulo na simpleng, libreng hakbang
- Mas liwanag na mga imahe: WebP o AVIF, sa tama na laki, na may
srcsetkaya ang mga telepono ay may maliit na bersyon. - Pag-load ng malas:
loading="lazy"atdecoding="async"para sa mga imahe sa ibaba ng pag-iipon. - Mahaba na cache:
Cache-Control: maximum-age=31536000, hindi maibabagopara sa mga file na ang pangalan ay nagbabago sa bawat bersyon. - Static site at CDN: fixed pages, serbisado malapit sa bisita, walang trabaho sa bawat pagbisita.
- Walang autoplay video o audio: maglaro lamang kapag nag-click ang tao.
- Hindi mas maraming JavaScript: alisin ang hindi ginagamit, i-load ang natitira lamang sa pahina na nangangailangan nito.
- Ang karangalan
prefers-reduced-motionat pause animations kapag ang tab ay nakatago. - Ilang third-party script: walang mga tracker o hindi kinakailangang widget.
- Fonts: ilang timbang, WOFF2, nahahati ayon sa alpabet.
- Pagsukat: subukan ang iyong mga pahina gamit ang isang tool tulad ng EcoIndex, bago at pagkatapos.
Ano ang Ginagawa ni Lapis
- Mga static na pahina sa isang CDN, walang database at walang live AI.
- Mga imahe sa WebP sa tatlong laki (srcset), na may malas na load sa ibaba ng unang screen.
- Ang mga font ng WOFF2 na binahagi ayon sa alpabeto: ang kinakailangang alpabeto lamang ang in-download.
- Walang mga tracker, walang mga ad, walang video ng autoplay.
- Ang mga animasyon ng laro ay mag-pause kapag ang tab ay nakatago, at reduce motion ay pinapahalagahan.
Ang timbang na sinusukat sa unang pagkarga (390 px telepono)
| pahina | Bago | Pagkatapos |
|---|---|---|
| Home /fr/ | 486 KB | 487 KB |
| Ang mga tao ay may mga tao. | 381 KB | 382 KB |
| Musika /fr/musika/ | 217 KB | 218 KB |
Mga Pangkalahatang
- W3C Mga Gawain para sa Pagkakatipid sa Web
- Green Web Foundation
- GreenIT.fr EcoIndex
- MDN Lolo na pagkarga
Ang gabay na ito ay libre. Hindi ito nagrerekomenda ng anumang produkto.