Gambar biasanya menyumbang bagian terbesar dari ukuran halaman. Foto langsung dari HP bisa berukuran 3–5 MB, padahal yang dibutuhkan untuk blog hanya sekitar 100–200 KB. Optimasi gambar adalah cara termudah mempercepat website.
1. Pilih format yang tepat
- WebP: ukuran kecil dengan kualitas bagus, didukung semua browser modern. Pilihan utama untuk foto.
- JPG: alternatif untuk foto jika WebP tidak memungkinkan.
- PNG: untuk gambar dengan transparansi atau tangkapan layar berisi teks.
- SVG: untuk logo dan ikon.
Anda bisa mengubah format dengan Konversi dari JPG atau Konversi ke JPG.
2. Sesuaikan dimensi
Jangan mengunggah foto 4000 piksel jika area tampilan hanya 800 piksel. Untuk gambar dalam artikel, lebar 1200–1600 piksel sudah lebih dari cukup. Gunakan Ubah Ukuran Gambar.
3. Kompres
Kompresi dengan kualitas 70–80% hampir tidak terlihat perbedaannya, tetapi ukurannya bisa turun drastis. Coba Kompres Gambar, yang memproses gambar langsung di browser Anda tanpa diunggah.
4. Nama file yang deskriptif
IMG_20260801_123456.jpg tidak memberi informasi. Gunakan cara-merawat-sepatu-kulit.webp. Nama file membantu mesin pencari memahami isi gambar.
5. Teks alternatif (alt)
Teks alt menjelaskan isi gambar untuk pembaca tunanetra dan mesin pencari. Tulis singkat dan deskriptif, misalnya "Menyikat sepatu kulit dengan sikat bulu kuda". Jangan menjejalkan kata kunci.
6. Lazy loading
Lazy loading membuat gambar baru dimuat saat pembaca menggulir mendekatinya. WordPress sudah menerapkannya otomatis untuk gambar di dalam konten. Pastikan gambar utama di bagian atas halaman tidak di-lazy-load agar tampil secepat mungkin.
7. Sertakan ukuran gambar
Atribut lebar dan tinggi mencegah tata letak "melompat" saat gambar dimuat, yang memengaruhi skor Core Web Vitals. WordPress menambahkannya otomatis untuk gambar dari Media Library.
8. Hindari gambar dari situs lain
Selain risiko hak cipta, gambar yang dimuat dari situs lain bisa lambat atau hilang sewaktu-waktu. Unggah gambar ke media Anda sendiri, dan gunakan gambar yang Anda buat sendiri atau berlisensi bebas.
Alur kerja singkat
- Ubah ukuran ke lebar maksimal yang dibutuhkan.
- Konversi ke WebP dan kompres.
- Beri nama file yang deskriptif.
- Unggah, lalu isi teks alt.
Lakukan kebiasaan ini untuk setiap artikel, dan blog Anda akan tetap cepat meski isinya terus bertambah.
Foto sampul: alandsmann / Pixabay
n