Mengapa Gambar Website Anda Perlu Dikompresi | Bulk Image Compressor
Jika website Anda membutuhkan waktu lebih dari beberapa detik untuk dimuat, orang akan pergi. Itu bukan opini. Penelitian Google sendiri menunjukkan bahwa bounce rate meningkat sebesar 32% ketika waktu muat halaman naik dari satu detik menjadi tiga detik. Dan gambar hampir selalu menjadi alasan terbesar mengapa halaman dimuat dengan lambat.
Sebagian besar website menyajikan gambar yang jauh lebih besar dari yang diperlukan. Satu gambar hero langsung dari kamera atau situs foto stok dapat dengan mudah 5MB atau lebih. Pada koneksi broadband yang layak, file itu sendiri membutuhkan beberapa detik untuk dimuat. Pada koneksi 3G seluler, Anda melihat sekitar 15 detik hanya untuk satu gambar. Sekarang bayangkan halaman dengan lima atau enam gambar seperti itu.
Seberapa besar gambar Anda, sebenarnya?
Berikut pemeriksaan realitas cepat. Buka alat pengembang browser Anda (F12), buka tab Network, muat ulang halaman Anda, dan filter berdasarkan “Img.” Lihat ukurannya. Anda mungkin akan menemukan setidaknya beberapa gambar di atas 1MB.
Sebagai referensi, berikut tampilan gambar tidak terkompresi biasa:
- Foto DSLR yang digunakan sebagai banner hero: 4 hingga 8MB
- Foto produk dari smartphone: 2 hingga 5MB
- Foto stok yang diunduh pada resolusi penuh: 3 hingga 10MB
- Infografis atau ilustrasi yang disimpan sebagai PNG: 1 hingga 4MB
Setelah kompresi yang tepat, gambar yang sama dapat menjadi 100KB hingga 300KB tanpa kehilangan kualitas yang terlihat. Itu pengurangan ukuran file sebesar 90% atau lebih.
Kecepatan halaman dan Core Web Vitals
Google menggunakan Core Web Vitals sebagai sinyal peringkat, dan gambar secara langsung memengaruhi dua dari tiga metrik.
Largest Contentful Paint (LCP) mengukur berapa lama waktu yang dibutuhkan elemen terbesar yang terlihat untuk dimuat. Di sebagian besar halaman, elemen terbesar itu adalah gambar. Jika gambar hero Anda 5MB, LCP Anda akan buruk. Google menganggap apa pun di atas 2,5 detik sebagai skor LCP yang buruk. Gambar yang dikompresi secara rutin membawa LCP di bawah ambang batas itu.
Cumulative Layout Shift (CLS) mengukur stabilitas visual. Gambar tanpa dimensi yang ditentukan menyebabkan pergeseran tata letak saat dimuat. Ini lebih tentang atribut HTML daripada kompresi, tetapi gambar kebesaran yang dimuat lambat memperburuk masalah karena halaman merender konten di sekitar ruang placeholder yang mungkin tidak cocok dengan ukuran gambar akhir.
Anda dapat memeriksa skor Anda saat ini dengan Google PageSpeed Insights. Jalankan beranda Anda dan beberapa halaman internal. Jika skor kinerja Anda di bawah 90, gambar kemungkinan merupakan bagian besar dari masalah.
Koneksi SEO
Kecepatan halaman adalah faktor peringkat Google yang dikonfirmasi. Ini telah terjadi sejak 2010 untuk desktop dan 2018 untuk seluler. Pengenalan Core Web Vitals pada 2021 membuatnya semakin langsung.
Tetapi dampaknya melampaui sekadar sinyal kecepatan. Halaman lambat di-crawl lebih jarang oleh Googlebot. Google mengalokasikan “crawl budget” untuk setiap situs, dan jika halaman Anda lambat, bot menghabiskan anggarannya menunggu respons alih-alih mengindeks lebih banyak konten Anda. Untuk situs yang lebih besar dengan ratusan atau ribuan halaman, ini sangat penting.
Ada juga efek tidak langsung melalui perilaku pengguna. Ketika orang bounce dari halaman lambat, Google memperhatikannya. Tingkat bounce yang tinggi dan waktu di halaman yang rendah mengirimkan sinyal keterlibatan negatif yang dapat memengaruhi peringkat Anda dari waktu ke waktu.
Pengalaman pengguna dan bounce rate
Orang tidak sabar secara online. Sebuah studi oleh Portent menemukan bahwa tingkat konversi turun rata-rata 4,42% untuk setiap detik tambahan waktu muat. Jika situs e-commerce Anda membutuhkan waktu lima detik untuk dimuat alih-alih dua, Anda bisa kehilangan persentase penjualan yang berarti.
Pengguna seluler bahkan lebih tidak sabar. Lebih dari setengah semua lalu lintas web berasal dari perangkat seluler, dan koneksi seluler biasanya lebih lambat dari desktop. Gambar Anda harus cukup kecil untuk dimuat dengan cepat di ponsel yang menggunakan jaringan seluler.
Ada juga faktor persepsi. Situs yang cepat terasa lebih profesional dan terpercaya. Situs yang lambat terasa rusak, bahkan jika semuanya akhirnya dimuat. Kesan pertama terjadi dalam milidetik.
Biaya bandwidth bertambah
Jika Anda menggunakan hosting bersama atau paket dasar, bandwidth mungkin bukan sesuatu yang Anda pikirkan. Tetapi untuk situs dengan lalu lintas nyata, bandwidth membutuhkan biaya.
Mari kita lakukan perhitungan. Katakanlah halaman rata-rata Anda memiliki 3MB gambar dan Anda mendapatkan 100.000 tampilan halaman per bulan. Itu 300GB data gambar yang ditransfer setiap bulan. Setelah kompresi, halaman yang sama mungkin memiliki 400KB gambar, membawa transfer turun menjadi 40GB. Itu pengurangan yang signifikan dalam biaya hosting dan tagihan CDN.
Untuk situs lalu lintas tinggi, perusahaan media, atau toko e-commerce dengan katalog produk besar, perbedaan ini dapat menghemat ratusan atau ribuan dolar per bulan.
Cara mengompresi batch gambar website Anda
Anda dapat mengompresi gambar satu per satu di Photoshop atau GIMP, tetapi jika Anda memiliki puluhan atau ratusan gambar, itu tidak praktis. Kompresi batch adalah cara yang tepat.
Dengan Bulk Image Compressor, Anda dapat menyeret semua gambar website Anda sekaligus dan mengompresinya bersama-sama. Berikut alur kerja praktis:
-
Ekspor gambar Anda saat ini. Jika sudah ada di situs Anda, unduh. Jika Anda membangun situs baru, kumpulkan semua gambar yang Anda rencanakan untuk digunakan.
-
Pilih format Anda. Untuk foto, JPEG atau WebP bekerja terbaik. Untuk grafik dengan transparansi, gunakan PNG atau WebP. Jika Anda tidak yakin format mana yang harus dipilih, lihat panduan format gambar untuk kinerja web kami.
-
Atur tingkat kualitas Anda. Untuk sebagian besar gambar website, pengaturan kualitas 75 hingga 85% memberi Anda keseimbangan yang baik antara ukuran file dan kualitas visual. Anda bisa lebih rendah untuk thumbnail atau gambar latar belakang. Untuk lebih detail tentang tradeoff ini, lihat artikel kami tentang mengurangi ukuran file tanpa kehilangan kualitas.
-
Kompres dan unduh. Alat ini memproses semuanya di browser Anda, sehingga gambar Anda tidak pernah meninggalkan komputer Anda. Ganti file asli di server Anda dengan versi yang telah dikompresi.
-
Atur dimensi juga. Jangan menyajikan gambar lebar 4000px dalam wadah yang hanya lebar 800px. Ubah ukuran gambar Anda agar sesuai dengan ukuran tampilannya sebelum atau selama kompresi. Ini saja dapat memotong ukuran file secara dramatis.
Contoh sebelum dan sesudah yang cepat
Berikut tampilan kompresi dalam praktik untuk website biasa:
| Gambar | Sebelum | Sesudah | Penghematan |
|---|---|---|---|
| Banner hero (JPEG) | 4,2MB | 210KB | 95% |
| Foto tim (JPEG) | 3,1MB | 185KB | 94% |
| Logo (PNG) | 890KB | 95KB | 89% |
| Thumbnail blog (JPEG) | 1,8MB | 120KB | 93% |
| Total | 10MB | 610KB | 94% |
Itulah perbedaan antara halaman yang dimuat dalam satu detik dan yang dimuat dalam delapan detik.
Jangan lupakan konten baru
Mengompresi gambar yang sudah ada adalah perbaikan satu kali, tetapi Anda juga membutuhkan proses untuk konten yang berkelanjutan. Setiap kali Anda atau tim Anda menambahkan posting blog baru, halaman produk, atau landing page, gambar-gambar itu harus dikompresi sebelum ditayangkan.
Jadikan kompresi gambar sebagai bagian dari alur kerja penerbitan konten Anda. Ini membutuhkan beberapa menit dan dampaknya pada kecepatan situs dan SEO Anda nyata dan terukur.
Gambar website Anda mungkin adalah peningkatan kinerja tunggal terbesar yang dapat Anda lakukan. Alatnya gratis, prosesnya cepat, dan hasilnya muncul segera di skor kecepatan halaman Anda.
Ready to compress your images?
Bulk compress JPEG, PNG, WebP, and AVIF images right in your browser. No uploads, no sign-ups.
Try Bulk Image Compressor