Lapis ←

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

  1. Gambar yang lebih ringan: WebP atau AVIF, dengan saiz yang betul, dengan srcset Jadi telefon mendapat versi kecil.
  2. Pemuatan malas: loading="lazy" dan decoding="async" untuk gambar di bawah lipatan.
  3. Cache panjang: Cache-Control: maksimum usia=31536000, tidak boleh diubah untuk fail yang nama berubah dengan setiap versi.
  4. Laman web statik dan CDN: laman tetap, diservis berdekatan dengan pelawat, tanpa kerja pada setiap lawatan.
  5. Tiada video atau audio autoplay: hanya bermain apabila orang itu mengklik.
  6. Kurang JavaScript: hapus apa yang tidak digunakan, memuat selebihnya hanya di halaman yang memerlukannya.
  7. Kehormatan prefers-reduced-motion dan berhentikan animasi apabila tab tersembunyi.
  8. Beberapa skrip pihak ketiga: tiada pengesan atau widget yang tidak perlu.
  9. Fonts: sedikit berat, WOFF2, dibahagikan mengikut abjad.
  10. 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)

HalamanSebelum iniSelepas
Home /fr/486 KB487 KB
Jeu /fr/jeu/381 KB382 KB
Muzik /fr/musik/217 KB218 KB

Sumber

Panduan ini percuma. Ia tidak mengesyorkan produk.

Alat percuma: Checker tapak Lean

Semua alat percuma kami