Optimasi Gambar: Cara Paling Cepat Mempercepat Website

Kalau website Anda lambat, pelaku utamanya hampir pasti gambar. Foto dari kamera atau stok beresolusi penuh bisa berukuran 3–5 MB per file — dan halaman dengan lima gambar seperti itu memaksa pengunjung mengunduh 20 MB. Tidak ada optimasi lain yang dampaknya sebesar membenahi gambar.

Empat Langkah yang Dampaknya Terbesar

1. Format modern: WebP atau AVIF. Format baru menghasilkan file 30–70% lebih kecil dengan kualitas visual nyaris sama. Semua browser modern sudah mendukung.

2. Ukuran sesuai kebutuhan tampilan. Gambar yang ditampilkan 800px lebar tidak perlu dikirim dalam 4000px. Atur srcset agar tiap perangkat mengunduh versi yang pas.

3. Kompresi dengan kualitas wajar. Kualitas 75–85 hampir tidak terbedakan mata, tapi memotong ukuran hampir separuh. Sedikit noise lebih baik daripada halaman yang menggantung.

4. Lazy load di bawah lipatan. Gambar yang tidak terlihat saat halaman dibuka tidak perlu ikut dimuat lebih dulu. Atribut loading="lazy" menyelesaikannya sekali baris.

Jangan Lupakan Dimensi

Selalu cantumkan width dan height pada tag <img>. Browser jadi menyediakan ruangnya sejak awal — layout tidak melompat (CLS membaik), dan pengunjung tidak salah klik karena gambar bergeser.

Realistis Soal Video

Video latar memang memukau, tapi berat. Kalau memang harus, gunakan durasi pendek, tanpa suara, kualitas terkompresi — dan pastikan tidak memblokir konten utama.

Uji sebelum-sesudah di PageSpeed Insights — Anda akan kagum berapa banyak milidetik (dan pengunjung) yang bisa diselamatkan.

---

Foto cover: Ben Kolde di Unsplash