Optimize Images

Gambar yang optimal adalah salah satu aspek penilaian menurut Google Page Speed karena image semakin optimal akan semakin cepat loading situs web. Sesuai slogannya, buat loading situs web anda lebih cepat. Image akan optimal ukurannya jika kompresinya bagus, kecil ukuran file tapi gambar tetap berkualitas. Bagian yang dioptimalkan/dikecilkan adalah ukuran gambarnya. Kecil itu indah.

Gambar yang dianalisis Google Page Speed Insights, jika image yang belum optimal akan diberi keterangan, “Optimizing the following images could reduce their size by xxxKiB (xx% reduction). Losslessly compressing URL-namafile could save xxxKiB (xx% reduction). Page Speed GTMetrix memberi keterangan dan saran, “Optimizing the following images could reduce their size by xxKiB (xx% reduction).  Losslessly compressing URL-namafile  could save xxKiB (xx% reduction). See optimized version. GTMetrix memberikan link (optimized version) hasil kompresi file gambar yang telah dioptimalkan.

Banyak cara  kompres gambar tanpa mengorbankan kualitas. Di antaranya dengan aplikasi image editor misalkan Adobe Photoshop dan GIMP. Di samping itu ada alat kompresi image online gratis Online Image Optimizer atau  Yahoo! Smush it. Pada theme inove blog ini sebelumnya gambar optimal dengan Online Image Optimizer.

Pengalaman saya mengoptimalkan ukuran gambar pada artikel dengan cara menentukan ukuran/skala gambar sejak diolah image editor. Ketika gambar akan ditampilkan pada artikel berukuran 550×300, skala pada aplikasi pengolah gambar dibuat 550×300 juga lalu ditentukan berapa KB ukuran file-nya. Cara ini mempercepat loading blog daripada dimensi gambar tidak ditentukan lebih dulu. Misalkan gambar dibuat ukuran 2200×1400, padahal ukuran tampilan artikel hanya 550×300, sehingga WordPress membuat beberapa versi ukuran file (kompres) agar cocok dengan ukuran gambar di artikel.

Untuk menurunkan ukuran file gambar dapat diturunkan level kualitasnya (level quality) oleh aplikasi image editor ketika akan disimpan, misalkan antara 50-75%. Perhatikan tampilan gambar setelah diturunkan kualitasnya di layar tidak pecah, rusak, atau kualitas menurun tajam ketika dilihat pada dimensi ukuran aslinya (bukan perbesaran).

Dengan mengurangi ukuran file seluruhnya yang diunduh browser atau minimize payload size, komponen terdiri dari: Enable compression, Remove unused CSS, Minify JavaScript, Minify CSS, Minify HTML, Defer loading of JavaScript, Optimize images, Serve scaled images, Serve resources from a consistent URL akan menghemat bandwith dan mempercepat loading blog. Namun yang perlu diingat, pengurangan ukuran file jangan sampai mengorbankan kualitas.

Google Page Speed Insights menempatkan optimize images pada prioritas sedang (medium priority), sedangkan Page Speed GTMetrix pada prioritas tinggi (high priority). Bagaimanapun juga image yang kurang optimal menjadi masalah serius situs web jika dibiarkan. Jika dapat dioptimalkan dengan mudah, kenapa tidak dilakukan?…

Tinggalkan Balasan

Alamat surel Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *