Skip to main content

Cara Tunda gambar di Balik Layar (PageSpeed Insights)

Cara Tunda gambar di Balik Layar (PageSpeed Insights) by Santrie Salafie

Cara Tunda gambar di Balik Layar (PageSpeed Insights) - Bagaimana Cara Mengatasi Tunda gambar di Balik Layar pada PageSpeed Insights? Pertanyaan itulah yang dahulu selalu terlintas dalam pikiran Admin ketika ingin meningkatkan kualitas Blog atau sebuah Situs menjadi lebih baik. Apa kalian juga demikian? Admin juga pernah berada di posisi kalian. Jangan khawatir, karena melalui situs Salafie Salafie ini Admin akan membagikan beberapa hal penting untuk kalian semuanya tentang cara mengatasi peringatan tunda gambar di balik bayar pada PageSpeed Insights.

Tanpa menunda lebih jauh lagi, langsung saja yuk scroll ke bawah untuk menyimak lebih lanjut penjelasan mengenai solusi peringatan tunda gambar di balik layar pada PageSpeed Insights.

Cara Mengatasi Tunda Gambar di Balik Layar untuk Meningkatkan Skor PageSpeed Insights

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 caranya menghilangkan peringatan tunda gambar di balik layar? apa maksud pesan tersebut dan apa yang harus kita lakukan?.

Cara Tunda gambar di Balik Layar pada PageSpeed Insights | santriesalafie.com
Sebenarnya maksud dari pesan tersebut adalah kita disuruh untuk melakukan optimasi gambar, dengan cara menunda gambar di dalam postingan atau bisa juga dengan memperkecil ukuran gambar yang kita gunakan di dalam postingan blog kita. Untuk lebih Jelasnya simak beberapa cara menunda gambar di balik layar berikut ini.

1. Merubah Ukuran Gambar

Hal pertama yang harus dilakukan adalah dengan memperkecil ukuran gambar pada postingan blog, gunakan gambar dengan format JPEG, GIF atau PNG. Berdasarkan dari hasil yang diteliti oleh kawan-kawan blogger yang lain, sebaiknya gunakan gambar dengan ukuran di bawah 12kb.

  • 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 dari peringatan tunda gambar disini 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

Kesimpulan yang dapat kita ambil dari Tutorial Blogging diatas adalah:
  • 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.

Semoga sahabat Santrie Salafie bisa memahami penjelasan diatas dengan mudah. Selamat mencoba, salam santun dan semoga bermanfaat.

Baca juga: 7 Tips SEO untuk Blogger Terbaru

Comment Policy: Setiap komentar yang masuk akan diperiksa terlebih dahulu sebelum ditampilkan, silakan tulis komentar Anda yang sesuai dengan topik postingan halaman ini. Komentar yang berisi tautan tidak akan ditampilkan sebelum disetujui. Terima kasih untuk kerja samanya.
Buka Komentar
Tutup Komentar