Kenapa Gambar Jadi Penyebab Utama
Gambar biasanya menyumbang bagian terbesar dari ukuran sebuah halaman — dan di WordPress, satu gambar yang diunggah bisa menghasilkan banyak berkas sekaligus.
Setiap gambar yang masuk otomatis dibuatkan beberapa ukuran turunan, dan tema serta plugin bisa menambah ukuran mereka sendiri. Mengunggah foto berukuran layar besar berarti menghasilkan turunan yang besar juga.
Akibatnya paling terasa di ponsel dengan koneksi terbatas — tempat mayoritas pengunjung Anda berada.
Empat Langkah Berurutan
1. Kecilkan sebelum mengunggah
Tetapkan lebar maksimal yang wajar untuk situs Anda, dan kecilkan gambar sebelum masuk ke Media Library. Ini langkah paling berpengaruh, dan satu-satunya yang tidak butuh plugin apa pun.
Mengunggah gambar jauh lebih besar dari lebar tampilnya tidak menambah ketajaman — hanya menambah beban.
2. Pakai format modern
Format gambar web modern menghasilkan berkas yang jauh lebih kecil pada kualitas yang sama dibanding format lama. Sebagian plugin optimasi bisa mengubahnya otomatis dan menyediakan versi cadangan untuk peramban lama.
3. Kompres
Kompresi mengurangi ukuran berkas dengan membuang detail yang tidak terlihat mata. Untuk foto biasa, tingkat kompresi menengah biasanya tidak terlihat bedanya di layar.
Yang diperiksa saat memilih plugin: apakah berkas asli disimpan, apakah bisa memproses gambar lama secara massal, dan apakah pemrosesan terjadi di server Anda atau di layanan mereka.
4. Tunda pemuatan yang belum terlihat
Gambar yang berada di bawah layar pertama sebaiknya baru dimuat saat pengunjung menggulir ke sana. WordPress sudah melakukan ini secara bawaan untuk sebagian besar gambar.
Pengecualiannya penting: gambar utama di bagian paling atas halaman jangan ditunda. Menundanya justru memperlambat waktu tampil isi utama — ukuran yang ambang baiknya 2,5 detik.
Yang Sering Terlewat
- Gambar latar lewat CSS tidak ikut diproses plugin optimasi gambar, dan tidak terbaca sebagai gambar konten.
- Logo dan ikon sering diunggah jauh lebih besar dari ukuran tampilnya.
- Gambar unggulan dipakai di banyak tempat dengan ukuran berbeda — pastikan turunannya sesuai.
- Berkas dari page builder kadang tidak melalui alur unggah biasa.
Mengurangi Ukuran Turunan yang Dihasilkan
Kalau tema Anda mendaftarkan banyak ukuran turunan dan hanya sebagian yang dipakai, sisanya memenuhi server tanpa guna.
Ini bisa dikurangi lewat pengaturan atau potongan kode di tema turunan. Buat cadangan sebelum mengubahnya, dan ingat perubahan hanya berlaku untuk gambar yang diunggah setelahnya — gambar lama perlu diproses ulang.
Jangan Unggah Video ke Media Library
Video membebani server, membuat cadangan jadi raksasa, dan pemutarannya tidak menyesuaikan kualitas dengan koneksi pengunjung.
Pakai layanan video, lalu sematkan alamatnya. WordPress mengubahnya jadi pemutar otomatis.
Cara Memeriksa Hasilnya
- Buka halaman terberat di ponsel dan rasakan bedanya, bukan hanya lihat skor.
- Periksa ukuran berkas gambar lewat alat pengembang peramban — cari yang di atas beberapa ratus kilobita.
- Ukur waktu tampil elemen terbesar sebelum dan sesudah.
- Pastikan gambar tidak buram setelah dikompres, terutama logo dan gambar produk.
FAQ
Apakah kompresi menurunkan kualitas gambar?
Sedikit, dan biasanya tidak terlihat di layar pada tingkat menengah. Yang perlu diperiksa adalah logo dan gambar produk, tempat detail kecil lebih terasa.
Apakah perlu plugin optimasi gambar?
Berguna untuk memproses yang sudah terlanjur ada dan mengotomatiskan yang baru. Tapi mengecilkan sebelum mengunggah tetap langkah yang paling berpengaruh.
Format mana yang sebaiknya dipakai?
Format web modern untuk foto, dan format vektor untuk logo dan ikon karena tetap tajam di semua ukuran dengan berkas yang kecil.
Pengurangan ukuran gambar akan lebih terasa bila disatukan dengan upaya mempercepat website WordPress, bukan dijalankan sebagai optimasi yang terpisah.