Cara Mengompresi Gambar untuk WordPress — Mempercepat Situs Anda dalam 5 Menit
Situs WordPress Anda lambat. Anda sudah mencoba plugin caching, Anda sudah mengupgrade hosting Anda, Anda sudah meminimalkan CSS Anda — dan semuanya masih lambat. Berikut statistik yang mungkin menjelaskan alasannya: pada rata-rata situs WordPress, gambar menyumbang 40-60% dari total bobot halaman. Satu postingan blog dengan lima foto yang tidak dioptimalkan dapat berbobot 15-25 MB. Paket hosting dan pengaturan cache yang Anda pilih dengan cermat tidak dapat mengimbangi penyajian gambar sebesar 25 MB pada setiap pemuatan halaman.
Mengapa Gambar Memperlambat Situs WordPress
WordPress membuatnya sangat mudah untuk mengunggah gambar berukuran besar. Anda menyeret foto dari ponsel Anda ke perpustakaan media, WordPress menghasilkan beberapa ukuran thumbnail, dan Anda memasukkannya ke dalam postingan. Masalahnya: ponsel Anda memotret pada 12-48 megapiksel, menghasilkan file dengan lebar 4000-8000 piksel dan masing-masing file berukuran 3-8 MB. WordPress mungkin menampilkan gambar tersebut dengan lebar 800 piksel di postingan Anda, tetapi WordPress masih memuat gambar asli berukuran penuh di belakang layar kecuali tema Anda dikonfigurasi dengan benar.
Lipat gandakan dengan 5-10 gambar dalam postingan blog biasa, tambahkan gambar header tema, gambar sidebar, dan gambar latar belakang apa pun, dan Anda akan dengan mudah menyajikan 20-40 MB data gambar per halaman. Bahkan pada koneksi cepat, dibutuhkan 2-4 detik saja untuk mengambil gambar. Pada koneksi seluler, keadaannya jauh lebih buruk.
Dimensi Gambar Ideal untuk WordPress
Sebelum mengkhawatirkan kompresi, tentukan dimensinya dengan benar. Sebagian besar tema WordPress memiliki area konten dengan lebar 700-1200 piksel. Mengunggah foto dengan lebar 5000 piksel ke wadah 900 piksel adalah pemborosan belaka. Ubah ukuran gambar Anda agar sesuai dengan lebar konten tema Anda. Untuk postingan blog standar, lebar 1200 piksel biasanya merupakan lebar maksimum yang Anda perlukan. Untuk gambar pahlawan dengan lebar penuh, 1920 piksel cukup untuk hampir semua layar.
Gambar unggulan: 1200 x 630 piksel (ini juga berfungsi sempurna untuk berbagi media sosial). Gambar postingan blog: Lebar 800-1200 piksel, tinggi proporsional. Spanduk lebar penuh: 1920x600-800 piksel. Gambar kecil: WordPress menghasilkan ini secara otomatis, tetapi Anda dapat mengontrol ukurannya di Pengaturan > Media. Mendapatkan dimensi yang tepat sebelum mengunggah biasanya mengurangi ukuran file sebesar 60-80% bahkan sebelum kompresi apa pun diterapkan.
Kompres Sebelum Mengunggah — Bukan Setelahnya
Banyak pengguna WordPress mengandalkan plugin seperti Smush atau ShortPixel untuk mengompresi gambar setelah diunggah. Ini berfungsi, tetapi menambah beban server, terkadang memerlukan paket berbayar untuk perpustakaan besar, dan Anda masih mengunggah dokumen asli yang berukuran besar terlebih dahulu. Pendekatan yang lebih baik: kompres gambar Anda sebelum diunggah ke WordPress. Ubah ukuran ke dimensi yang benar, kompres dengan kualitas 75-85%, dan foto ponsel 6 MB Anda menjadi gambar siap web berukuran 150 KB. Unggah itu secara langsung.
Jika Anda memiliki postingan dengan gambar yang belum dioptimalkan, plugin dapat membantu pengoptimalan massal. Namun untuk setiap postingan baru selanjutnya, kompres sebelum diunggah. Ini lebih cepat, memberi Anda kontrol lebih besar atas kualitas, dan tidak bergantung pada plugin yang tetap aktif.
Format WebP untuk WordPress
WordPress telah mendukung unggahan WebP secara asli sejak versi 5.8, dan dukungan AVIF telah ditambahkan di WordPress 6.5. Gambar WebP kira-kira 30% lebih kecil dibandingkan JPEG setara, yang berarti setiap gambar di situs Anda dimuat lebih cepat tanpa perbedaan kualitas yang terlihat. Konversikan gambar Anda ke WebP sebelum mengunggah, atau menggunakan plugin yang secara otomatis menyajikan versi WebP ke browser yang mendukungnya (yaitu semua browser modern pada tahun 2026).
Dampak Vital Web Inti
Core Web Vitals Google secara langsung mengukur kinerja pemuatan, dan gambar memengaruhi dua metrik penting: Cat Contentful Terbesar (LCP) dan Pergeseran Tata Letak Kumulatif (CLS). Gambar yang tidak dioptimalkan adalah penyebab nomor satu dari skor LCP yang buruk. Selalu tentukan atribut lebar dan tinggi pada gambar untuk mencegah CLS.
Pemuatan Lambat dan Gambar Responsif
WordPress 5.5+ menambahkan pemuatan lambat secara otomatis ke gambar, yang berarti gambar di paro bawah tidak dimuat sampai pengunjung menggulir di dekatnya. Ini merupakan peningkatan besar-besaran untuk halaman dengan banyak gambar — pemuatan halaman awal hanya perlu mengambil gambar yang terlihat di layar. Pastikan tema Anda tidak menonaktifkan fitur ini. Anda dapat memverifikasi dengan memeriksa sumber halaman Anda dan mencari memuat="malas" atribut pada tag img Anda.
WordPress juga menghasilkan markup gambar responsif menggunakan atribut srcset, yang menyajikan ukuran gambar berbeda berdasarkan layar pengunjung. Ini berarti pengunjung seluler mendapatkan file gambar yang lebih kecil daripada pengunjung desktop. Namun ini hanya berfungsi dengan baik jika Anda mengunggah gambar dengan ukuran awal yang wajar — WordPress dapat menyajikan versi gambar 1200 piksel yang lebih kecil, namun tidak dapat menyajikan versi gambar 400 piksel yang lebih kecil. Targetkan lebar 1200-1920 piksel sebagai ukuran unggahan Anda, dan biarkan WordPress menangani sisanya.
Versi lima menit: ubah ukuran gambar menjadi lebar 1200 piksel, kompres dengan kualitas 80% dalam format WebP, unggah ke WordPress, dan pastikan pemuatan lambat diaktifkan. Lakukan ini untuk lima posting blog Anda berikutnya dan kemudian periksa skor Google PageSpeed Insights Anda. Peningkatannya biasanya dramatis — kita berbicara tentang peningkatan skor kinerja seluler sebesar 20-40 poin hanya dari pengoptimalan gambar.
