Laman yang menggunakan lebih sedikit air
Mengapa laman web menggunakan air
Setiap halaman yang anda hantar melalui pelayan dan rangkaian. Mereka menggunakan elektrik dan menjadi panas. Banyak pusat data sejuk dengan air, dan membuat elektrik juga menggunakan air. Mengirim data kurang bermakna lebih sedikit tenaga dan lebih sedikit air.
Sepuluh langkah mudah dan percuma
- Gambar yang lebih ringan: WebP atau AVIF, dengan saiz yang betul, dengan
srcsetJadi telefon mendapat versi kecil. - Pemuatan malas:
loading="lazy"dandecoding="async"untuk gambar di bawah lipatan. - Cache panjang:
Cache-Control: maksimum usia=31536000, tidak boleh diubahuntuk fail yang nama berubah dengan setiap versi. - Laman web statik dan CDN: laman tetap, diservis berdekatan dengan pelawat, tanpa kerja pada setiap lawatan.
- Tiada video atau audio autoplay: hanya bermain apabila orang itu mengklik.
- Kurang JavaScript: hapus apa yang tidak digunakan, memuat selebihnya hanya di halaman yang memerlukannya.
- Kehormatan
prefers-reduced-motiondan berhentikan animasi apabila tab tersembunyi. - Beberapa skrip pihak ketiga: tiada pengesan atau widget yang tidak perlu.
- Fonts: sedikit berat, WOFF2, dibahagikan mengikut abjad.
- Ukur: Uji halaman anda dengan alat seperti EcoIndex, sebelum dan selepas.
Apa yang dilakukan Lapis
- Halaman statik pada CDN, tanpa pangkalan data dan tanpa AI langsung.
- Imej WebP dalam tiga saiz (srcset), yang malas dimuatkan di bawah skrin pertama.
- Fonts WOFF2 dibahagikan mengikut abjad: hanya abjad yang diperlukan dimuat turun.
- Tiada pengesan, tiada iklan, tiada video autoplay.
- Animasi permainan berhenti apabila tab tersembunyi, dan reducer motion dihormati.
Berat yang diukur pada beban pertama (390 px telefon)
| Halaman | Sebelum ini | Selepas |
|---|---|---|
| Home /fr/ | 486 KB | 487 KB |
| Jeu /fr/jeu/ | 381 KB | 382 KB |
| Muzik /fr/musik/ | 217 KB | 218 KB |
Sumber
Panduan ini percuma. Ia tidak mengesyorkan produk.