Optimalkan Gambar Demi Google Page Speed Insights dan HP

Mungkin sudah pada tahu semua kalau google saat ini sedang memerhatikan website atau blog yang cepat dan mudah atau ringan saat diakses dari telepon pintar atau tablet. Penggunaan gambar saat ini juga hampir menjadi suatu hal yang "wajib" jika ingin tulisannya lebih terlihat menarik. Namun, penggunaan gambar yang kurang dioptimalkan bagi pengunjung blog akan membuat blog atau situs berat atau lama diakses. Apalagi internet Indonesia belum terlalu cepat.

Penjelasan lain lihat "21 April 2015, Metode Pencarian Google Akan Berubah"

Cara mengoptimalkan gambar berdasarkan pedoman informasi yang diberikan google atau dengan kata lain berdasarkan perangkat Google PageSpeed Insights, yakni:

1. Cari halaman yang gambarnya ingin dioptimalkan
Saya sarankan, yang pertama kali dioptimalkan itu adalah halaman depan, beranda, atau home. Pastikan halaman depan blog dapat dibuka dengan cepat. Wusss... wussss. wuss....

2. Buka Google PageSpeed Insights
Alamat Google PageSpeed Insights yakni https:// developers.google. com/speed/ pagespeed/insights/

3. Rekatkan alamat yang ingin dioptimalkan gambarnya lala klik “Analyze”
Rekatkan alamatnya di bagian “Enter a web page URL”

4. Lihat hasilnya dan periksa pada bagian “Optimize images”
Lihat bagian “Consider Fixing” lalu klik “Optimize images”. Maka akan ada keterangan “Properly formatting and compressing images can save many bytes of data. Optimize the following images to reduce their size by … (… % reduction). ” Lihat di bawahnya maka akan ada daftar gambar yang perlu dipadatkan yang berketerangan “Losslessly compressing [lokasi di mana gambar disimpan].” Cari gambar yang ukuran ... KB-nya yang paling besar dulu. Lihat gambar di bawah ini jika galau atau bingung.


Keterangan: Perbandingan hasil compressor io dengan "maunya" google. Hampir sama bukan?

5. Cari dan unduh gambar yang akan dioptimalkan dengan compressor.io. berdasarkan lokasi gambar itu disimpan.

6. Buka https:// compressor .io/ dan lalu unggah gambar yang akan dioptimalkan.

7. Lihat hasilnya. Coba periksa apakah angkanya sama dengan penjelasan saat di Google PageSpeed Insights.

8. Unduh gambar dari compressor.io dan unggah kembali gambar ke tempat semula.

9. Selesai.

Untuk membuktikan apakah peringatan “Consider fixing” pada bagian “Optimize images” di Google PageSpeed Insights sudah berhasil, cek kembali alamatnya setelah kita mengunggah gambar yang sudah dipadatkan. Biasanya efeknya baru kelihatan 15-30 menit kemudian, Google PageSpeed Insights akan mendeteksi kalau gambarnya telah berganti. Kalau mau cepat, coba clear cookies browser-nya. Lalu coba lagi. Kalau peringatan "Optimize images" sudah berkurang atau hilang, itu artinya berhasil.

Penutup:
Cara ini merupakan cara yang paling mungkin dilakukan oleh pemula seperti saya. Beda dengan indikator selain "Optimize image" yang ada di google page speed insight yang lain. Ingat, halaman blog yang cepat sangat disukai oleh google, pengunjung dan tentu kita sendiri. Gambar sendiri memiliki andil yang cukup besar dalam mempercepat atau memperlambat waktu sebuah halaman saat diakses. Situs compressor.io gratis digunakan dan hasil pemadatan gambarnya hampir sama dengan apa yang diinginkan oleh google pagespeed insight.

Selamat mencoba.

Sumur:

Spoiler

http://www.tarjiem.com/2015/04/gambar-losslessly-compressing-dari-google-pagespeed-insights.html

Gak nolak "like" yang ada di pojok kanan. ​

 

Saya sudah cek dan tidak ada peringatan di website saya mengenai optimasi gambar, btw toolsnya bagus juga ya yang compressor.io

Saya juga biasanya kombinasi dengan WP Smush it

 

Load time sebuah situs memang bisa berpengaruh pada Google bot untuk indexing dan crawling konten di situs kita. Semakin sedikit load time nya semakin cepat diindeks, menurut pendapat saya

 

sudah dicoba mas, tapi agak lama apalagi fotonya agak banyakkk...tp gpp penasaran pgen tau hasilnya

 

Gambarku sudah terlanjur banyak nih, harus satu-satu ya?

 

Yang memang perlu di optimalkan saja Mas. Karena bisa nambah kerjaan juga ini. upload - download - upload

 

Sepertinya semua gambar saya belum dikompress, berarti semuanya harus dioptimalkan ya?

 

Sejak dulu Google Page Speed Insights sebagai tools uji coba blog saya. Sayangnya nggak pernah dapat nilai 100, paling top 98/100.
Namun, sebaiknya skor nilai jangan kurang dari 80/100.

 

Kalau yang sudah terlanjur apalagi banyak, biarlah. Untuk gambar berikutnya saja, jadi sebelum diupload kompres dulu (sy biasanya pakai sotosop > save as webpage - jpeg medium). Selain gambar banyak juga faktor lain yang perlu diperhatikan agar skor bisa tinggi.

 

Musti di coba nih, gambar ane gede2 kayanya

 

yup..dicoba dulu gan ke web saya seprtinya gambar perlu di optimize nih biar loading web nya wuzzzz...wuzzz

 

Oh ternyata ada rumusnya ya biar image ke deteksi google

 

katanya sih gambar yg abis di kompres lebih jernih gambarnya klo di savenya jadi .png

 

PNG lebih besar ukurannya dari JPEG. Sy terpaksa pakai PNG jika ada yang transparan, selebihnya Jpeg

 

Saya pernah pakai WP Smush it. CUman saya lebih suka meminimalisir penggunaan plugin di blog wordpress.

Kalau saya sih demi kenyaman pengunjung juga.
Indeks kayakanya masih bisa dipancing dengan googlle fetch gitu. Atau berbagi ke media sosial, terutama gplus.

Terima kasih. Jempolnya dong.

Coba aja. Kalau blogspot sih, cari yang besar-besar. dulu. Ini lebih cenderung pengguna wordpress.

Kalau mau wuss.. wuss.. wusss, sebaiknya iya.

Betul Kang. Saya suka membandingin dengan gtmetrix juga.

Coba ajah.

Iya.

Ini untuk mempercepat halaman dibuka.

Saya masih bingung antara JPG dengan PNG. Tapi saya lebih suka pakai JPG, lebih kecil.

 

Uda cek barusan, aman2 aja Kang, speed ok visitor juga nyaman

 

wah ini yang ane cari, terimakasih threadnya gannn

 

sama-sama.

 

(y) oke lah bisa dicoba nih tipsnya!

 

Bener gan semakin cepat load blog maka google akan lebih cepat mengindexnya

Sayangnya punya saya sudah terlalu banyak dan sekarang skor sampek 68/100 weh lempoh

kalau editing lagi... hmmm maju kedepannya aja yg di optimalkan lagi.