Situs yang memakai lebih sedikit air
Mengapa sebuah situs web menggunakan air
Setiap halaman yang Anda kirim melalui server dan jaringan. Mereka menggunakan listrik dan menjadi panas. Banyak pusat data yang didinginkan dengan air, dan membuat listrik juga menggunakan air. Mengirim data lebih sedikit berarti lebih sedikit energi dan lebih sedikit air.
Sepuluh langkah sederhana dan gratis
- Gambar yang lebih ringan: WebP atau AVIF, dengan ukuran yang tepat, dengan
srcsetJadi ponsel mendapatkan versi kecil. - Pengecoran malas:
loading="lazy"dandecoding="async"untuk gambar di bawah lipatan. - Cache panjang:
Cache-Control: maksimal usia=31536000, tidak berubahuntuk file yang namanya berubah dengan setiap versi. - Situs statis dan CDN: halaman tetap, dilayani dekat dengan pengunjung, tanpa pekerjaan pada setiap kunjungan.
- Tidak ada video atau audio autoplay: hanya bermain ketika orang mengklik.
- Kurang JavaScript: hapus yang tidak digunakan, memuat sisanya hanya di halaman yang membutuhkannya.
- Kehormatan
prefers-reduced-motiondan berhentikan animasi ketika tab tersembunyi. - Beberapa skrip pihak ketiga: tidak ada pelacak atau widget yang tidak perlu.
- Fonts: sedikit berat, WOFF2, dibagi menurut alfabet.
- Uji: uji halaman Anda dengan alat seperti EcoIndex, sebelum dan sesudahnya.
Apa yang dilakukan Lapis
- Halaman statis pada CDN, tanpa database dan tanpa AI langsung.
- Gambar WebP dalam tiga ukuran (srcset), malas-diunggah di bawah layar pertama.
- Fonts WOFF2 dibagi menurut alfabet: hanya alfabet yang dibutuhkan yang diunduh.
- Tidak ada pelacak, tidak ada iklan, tidak ada video autoplay.
- Animasi game berhenti sementara saat tab tersembunyi, dan reducer motion dihormati.
Berat yang diukur pada beban pertama (390 px telepon)
| Halaman | Sebelumnya | Setelah |
|---|---|---|
| Home /fr/ | 486 KB | 487 KB |
| Jeu /fr/jeu/ | 381 KB | 382 KB |
| Musik /fr/musik/ | 217 KB | 218 KB |
Sumber
Panduan ini gratis. Tidak merekomendasikan produk.