Cara Mengatasi Tunda Gambar di Balik Layar
 |
| atasi Tunda Gambar di Balik Layar |
Pada kesempatan kali ini saya akan membahas sebuah tutorial bagaimana cara meningkatkan sebuah kecepatan blog dan meningkatkan score pagespeed insight Google dengan menghilangkan pesan tunda gambar dibalik layar blog. Salah satu tools yang sering digunakan oleh para blogger untuk melihat skor dan kecepatan loading blog mereka adalah dengan menggunakan alat bantu yang dibuat oleh Google yaitu PageSpeed Insights.
How to Get Rid of Behind-the-Scenes Delay in PageSpeed Insight
Didalam tools tersebut kita dapat melihat score dan hal apa saja yang dapat membuat blog menjadi lebih lambat, Salah satu pesan peluang mempercepat pemuatan halaman yang biasa kita lihat adalah tunda gambar layar. Sebenarnya maksud pesan tersebut adalah kita harus menunda gambar dihalaman postingan atau dihalaman homepage dengan memperkecil ukuran gambar yang kita gunakan untuk meningkatkan score kita.
Cara Mengatasi Gambar di Balik Layar pada PageSpeed Insights di Blog
1. Memperkecil Ukuran Gambar
Hal pertama yang harus kamu lakukan adalah dengan memperkecil ukuran dan size gambar untuk posringan blog. Format yang direkomendasikan adalah dengan menggunakan format JPEG, GIF atau PNG. Berdasarkan eksperiment yang sudah diteliti sebaiknya menggunakan gambar dengan ukuran dibawah 12KB. Agar gambar menjadi tidak pecah saat gambar mengecil dengan menggunakan format PNG.
Format GIF dan PNG : Jika kalian memiliki gambar hasil screenshot atau vektor, sebaiknya gunakan gambar dengan format GIF atau PNG. Biasanya gambar dengan format png memiliki ukuran yang lebih kecil, bahkan hasil kompresi gambar dengan kedua format tersebut tidak merubah visual atau tidak membuat gambarnya menjadi pecah. Saya sendiri selalu menggunakan gambar dengan format png ini karena bisa di diperkecil bahkan sampai 4kb tanpa merusak tampilan gambar Format JPEG
Hasil foto dari kamera atau gambar full color biasanya menggunakan gambar dengan format jpeg, format ini biasa memiliki ukuran yang lebih besar namun jika dikompresi bisa 10 kali lebih besar daripada png. Namun yang menjadi masalah adalah gambar dengan jpeg jika diperkecil biasanya akan mengurangi kualitas gambar apalagi harus diperkecil sampai 12kb, mungkin gambarnya akan menjadi pecah bahkan tidak jelas. Untuk mengatasi hal tersebut saya punya solusi yang lebih tepat yaitu dengan cara kedua ini.
2. Tunda Gambar di Balik layar
Untuk menunda gambar dibalik latar adalah dengan memanfaatkan script lazy load yang sudah saya share di postingan yang lainnya. Dengan cara ini menurut saya cukup ampuh untuk meningkatkan kecepatan loading blog. Biasanya script ini adalah memuat halaman blog tanpa gambar terlebih dahulu sebelum kamu mengscroll halaman situs kau. Jadi gambar akan dimuat ketika pengunjung menggulir artikel kamu kebawah.
3. Mengcompress Gambar
Dengan memanfaatkan sebuah website untuk mengcompress gambar dan memperkecil size gambar, kita bisa mencari web untuk mencompress gambar tersebut atau mengcompres terlebih dahulu sebelum di upluad bisa menggunakan tool webPconv
Demikianlah postingan kali ini mudah mudahan dapat bermanfaat.
