Cara Mudah Memasang Lazy Load Iklan Google AdSense di Blog

*Cara Mudah Memasang Lazy Load Iklan Google AdSense di Blog

Ferisp.com - Setelah menerima email pemberitahuan blog siap menayangkan iklan Google AdSense, seorang blogger pasti merasa bahagia dengan harapan bisa mendapatkan penghasilan dari menulis. Terlebih lagi bagi kita yang masih berstatus sebagai blogger pemula.

Dengan perasaan bahagia sekaligus tegang, kita akan langsung melakukan proses pemasangan kode AdSense di template. Kemudian, inilah yang paling diimpi-impikan, kita akan langsung memasang script iklan di blog yang akan ditampilkan.

Setelah proses pemasangan kode dan script iklan tersebut, sebagian besar blogger akan mencoba untuk melihat langsung tampilan iklan yang ada. Namun pada saat pengecekan, terjadi masalah dengan loading blog menjadi lebih lama dibandingkan sebelumnya.

Pada saat tersebut, Anda mulai sadar bahwa, script iklan AdSense lah yang menyebabkan loading blog menjadi lama. Lalu, apa yang harus dilakukan untuk mempercepat loading blog dengan tetap memasang iklan AdSense?

Anda tidak perlu khawatir, loading blog yang lama karena iklan AdSense merupakan hal yang sangat wajar. Namun, Anda bisa mengatasi masalah tersebut dengan memasang lazy load di blog. Sebelum proses pemasangan, sebaiknya ketahui terlebih dahulu tentang ruang lingkup lazy load itu sendiri.

Pengertian Lazy Load

Dengan bahasa sederhana, lazy load adalah script atau kode yang didesain khusus untuk menunda pemuatan gambar atau iklan di suatu blog. Dengan penundaan tersebut, halaman tulisan menjadi prioritas untuk dimuat terlebih dahulu. Dengan begitu, pemuatan konten akan dilakukan secara bertahap (tidak sekaligus).

Mungkin Anda pernah mengunjungi situs yang menampilkan banyak iklan namun tetap dapat dimuat dengan cepat? Bisa jadi, situs yang Anda kunjungi tersebut menggunakan lazy load. Meskipun terdapat faktor lain yang dapat mempengaruhi loading blog, tetap saja, iklan AdSense akan membuat pemuatan halaman menjadi lebih lama dibandingkan sebelumnya.

Cara Kerja dan Kelebihan

Seperti yang telah saya sebutkan tadi, lazy load bekerja dengan menunda pemuatan gambar atau iklan dalam waktu tertentu. Waktu tertentu? Ya, lazy load akan memprioritaskan tulisan halaman terlebih dahulu. Setelah tulisan dimuat secara utuh, barulah gambar atau iklan akan dimuat. Dengan begitu, proses pemuatan akan berlangsung sebanyak dua kali.

Ibaratnya, Anda harus mengangkat dua karung dengan masing-masing berat karung sebesar 50 kg. Jika langsung diangkat sekaligus, Anda akan membawa beban sebanyak 100 kg dalam waktu yang bersamaan. Hal tersebut tentunya berbeda jika Anda mengangkat satu karung terlebih dahulu dengan beban hanya 50 kg. Sampai di sini, sudah paham bukan?

Kekurangan

Dibalik kelebihannya yang dapat mempercepat loading blog, lazy load juga memiliki kekurangan. Menurut kawan-kawan blogger yang juga menjadi ahli koding, sering ada iklan yang tidak cocok dimuat dengan lazy load. Artinya, tidak semua iklan cocok untuk ditampilkan.

Walaupun jarang terjadi, masalah di atas memang benar adanya. Hal tersebut bisa bertambah apabila Anda memuat situs dengan kualitas jaringan yang buruk. Biasanya, sistem pemuatan gambar atau iklan akan berhenti secara mendadak.

Cara Mudah Memasang Lazy Load Iklan Google AdSense di Blog

Setelah mengetahui pengertian, cara kerja, kelebihan, dan kekurangan, silahkan ikuti langkah-langkah di bawah ini untuk proses pemasangan:

  • Masuk ke BLOGGER
  • Pilih menu TEMA
  • Pilih ikon tanda panah
  • Pilih EDIT HTML (bisa juga via menu TATA LETAK)
  • Hapus kode berikut ini di setiap script iklan yang dipasang:
  • <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    
    Hasilnya akan seperti ini:
    <!-- Iklan Atas Postingan --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-xxxxxxxxxxxxxxxx" data-ad-slot="xxxxxxxxxx" data-ad-format="auto" data-full-width-responsive="true"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>
  • Tempel di atas </body>:
  • <script>
    //<![CDATA[
    // Lazy Load AdSense by Ferisp
    var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://cdn.jsdelivr.net/gh/dewaplokis/block@master/dewablock.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
    //]]>
    </script>
  • Pilih SIMPAN
  • Selesai.

Setelah selesai, silahkan periksa kecepatan blog Anda di PageSpeed Insights atau Website Developer. Jika ada perubahan yang signifikan, pemasangan lazy load berarti telah berhasil.

Penutup

Loading blog yang lambat biasanya akan memberikan efek negatif yang sangat merugikan. Selain memberikan peringkat artikel yang rendah, loading blog yang lambat juga akan menurunkan minat pengunjung untuk membaca artikel kita. Menurut survei yang telah dilakukan, pengunjung akan menutup situs atau blog yang tidak dapat dimuat dalam waktu 4 detik.

Jika Anda mengalami masalah loading blog yang lambat akibat iklan Google AdSense, maka lazy load bisa menjadi solusi terbaik yang bisa Anda gunakan.