Cara Tunda gambar di Balik Layar pada PageSpeed Insights – Pada kesempatan ini analisyuki.com akan membahas cara meningkatkan kecepatan loading blog dan meningkatkan skor pagespeed insights google dengan menghilangkan pesan tunda gambar di balik layar.
Salah satu tool yang digunakan untuk melihat skor dan kecepatan loading blog kita adalah dengan menggunakan Google PageSpeed Insights. Di dalam tools tersebut kita dapat melihat skor blog kita dan melihat hal-hal apa saja yang menyebabkan blog kita menjadi begitu lambat dan memiliki skor yang rendah.
Salah satu pesan peluang mempercepat pemuatan halaman yang biasa kita lihat adalah tunda gambar di balik layar. Jika kita membukanya, maka biasa akan muncul gambar yang ada pada postingan blog kita. Yang menjadi pertanyaan adalah bagaimana menghilangkan tunda gambar di balik tersebut?, apa maksud pesan tersebut dan apa yang harus kita lakukan.
Sebenarnya maksud dari pesan terbut adalah kita harus menunda gambar di dalam postingan atau bisa juga dengan memperkecil ukuran gambar yang kita gunakan untuk meningkatkan skor pagespeed insights. Untuk lebih Jelasnya simak beberapa tips berikut ini.
Cara Mengatasi Tunda Gambar di Balik Layar untuk Meningkatkan Skor PageSpeed Insights
1. Memperkecil Ukuran Gambar
Hal yang pertama yang harus kita lakukan adalah dengan memperkecil ukuran gambar untuk potingan blog, gunakan gambar dengan format JPEG, GIF atau PNG. Berdasarkan hasil yang saya teliti sebaiknya kita menggunakan gambar dengan ukuran di bawah 12kb. Yang menjadi pertanyaan adalah bukankah ukuran tersebut sangatlah kecil bahkan bisa membuat gambar menjadi pecah. Oleh karena itu begitu penjelasan dan solusinya.
- 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
Maksud dengan tunda gambar yang saya maksud adalah dengan menggunakan script Lazyload image. Cara ini menurut saya cukup ampuh untuk meningkatkan kecepatan loading blog. Biasanya cara kerja trik cerdas ini adalah dengan memuat halaman blog tanpa gambar terlebih dahulu atau dengan kata lain gambar dalam artikel ditunda dulu kemunculannya dan hanya teks saja yang tampil. Jadi gambar dimuat dan akan muncul pada saat artikel di scoll/menggulirnya ke bawah.
Kesimpulan
Jadi kalian tinggal memilih apakah kalian ingin memperkecil gambar yang kalian miliki sekecil-kecilnya atau menggunakan lazyload image saja. Tidak ada yang sempurna bahkan untuk membuat skor sempurna untuk kecepatan blog. Cukup gunakan gambar seperlunya, perkecil ukuran secukupnya tanpa mengurangi kualitas dan tetap utamakan kualitas artikel.
