Cara Memasang Lazy Load Adsense, Blog Jadi Fast Loading

Script Lazy Load Iklan AdSense - Sebagai blogger yang mengutamakan kenyamanan pengunjung, tentu kecepatan loading blog menjadi salah satu hal yang wajib diperhatikan. Loading blog yang cepat akan membuat rasio bounce rate pada sebuah blog menjadi kecil.

Hal-hal yang memengaruhi kecepatan loading sebuah blog pun bermacam-macam. Mulai dari  script JavaScript yang terlalu banyak, widget yang menumpuk, ukuran gambar yang terlalu besar, dan masih banyak penyebab loading blog menjadi lambat lainnya.

Baca Juga : Cara Mengatasi Iklan AdSense Dibatasi, Trik Rahasia!

Diartikel ini kita tidak akan membahas keseluruhan masalah-masalah diatas, tetapi akan mencoba mengatasi loading blog yang melambat yang disebabkan oleh Iklan AdSense.

Dengan pakai cara ini harusnya blog kamu akan menjadi lebih fast loading tetapi tetap nyaman untuk dibaca. Bagaimana caranya? Simak penjelasannya dibawah ini.


Cara Memepercepat Loading Blog dengan Script Lazy Load AdSense


Perlu diketahui, jika script lazy load adsense ini sudah berhasil terpasang, maka iklan yang muncul akan sedikit delay. Iklan akan muncul ketika halaman sudah di scrolling oleh pengunjung blog kita.

Script iklan adsense menggunakan  kode JavaScript yang dipanggil dari luar atau JS Eksternal. Seperti yang sudah saya bilang diatas tadi, JavaScript merupakan salah satu penyebab loading blog menjadi lambat, oleh karena itu kita akan mengubah kode bawaan AdSense yang kurang lebih seperti ini

<script data-ad-client="ca-pub-xxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Jadi script iklan AdSense diatas lah yang akan kita ubah menjadi script lazy load yang membuat blog akan jadi lebih ringan. Sebelum memulai tutorial nya, jika kamu merasa memasang kode diatas pada template blog kamu silahkan untuk dihapus terlebih dahulu. Karena script lazy load Adsense tidak akan bekerja atau berhasil jika script bawaan adsense belum dicopot.


Script Lazy Load Adaense Onscroll event Versi 1

<script type='text/javascript'> 
//<![CDATA[ 
// Lazy Load AdSense 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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0); 
//]]> 
</script>


Script Lazy Load AdSense OnScroll Event Versi 2

<script>
//<![CDATA[ 
var lazyadsense = false; 
window.addEventListener("scroll", function(){ 
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) { 
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); 
})(); lazyadsense = true; } }, true) //]]> 
</script>


Script Lazy Load AdSense OnScroll Event Versi 3

<script type=’text/javascript’> 
//<![CDATA[ 
var la=!1;window.addEventListener(“scroll”,function(){(0!=document.documentElement.scrollTop&&!1===la||0!=document.body.scrollTop&&!1===la)&&(!function(){var e=document.createElement(“script”);e.type=”text/javascript”,e.async=!0,e.src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”;var a=document.getElementsByTagName(“script”)[0];a.parentNode.insertBefore(e,a)}(),la=!0)},!0); 
//]]> 
</script>



Script Lazy Load AdSense OnLoad Event

<script type=”text/javascript”> 
function downloadJSAtOnload() { var element = document.createElement(“script”); element.src = “https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”; document.body.appendChild(element); } 
if (window.addEventListener) window.addEventListener(“load”, downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent(“onload”, downloadJSAtOnload); else window.onload = downloadJSAtOnload; 
</script>

Cara Memasang Lazy Load AdSense di Blogger/Blogspot



Tutorial memasang lazy load iklan AdSense ini harap kamu perhatikan dengan baik ya, agar script lazy load adsense ini work di blog kalian

  • Pertama, buka Dasboard Blogger kalian
  • Kedua, pergi ke Tema lalu cari tulisan  Edit HTML
  • Tekan CTRL + F pada komputer kalian dan ketik pagead2.googlesyndication.com kemudian ENTER
  • Jika sudah silahkan hapus semua kode bawaan adsense seperti dibawah ini
<script data-ad-client="ca-pub-xxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  • Selanjutnya, tekan CTRL + F lagi dan ketikkan kode </body>
  • Salin salah satu script lazy load iklan adsense yang sudah mimin taruh diatas tadi 
  • Letakkan script nya tepat diatas kode </body>
  • Selamat, sekarang blog kamu sudah lebih cepat dari sebelumnya

PENTING!
Jika kamu ingin memasang kode unit iklan baru, copy script nya mulai dari kode <ins class="adsbygoogle" ke bawah, jadi tidak perlu lagi memasukkan kode JavaScript yang diatasnya
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxx"
     data-ad-slot="xxx"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>


Mungkin cukup segini dulu artikel tentang cara memasang lazy load adsense untuk mempercepat loading blog, semoga bermanfaat dan script nya work. Aamiin


Tags: script lazy load adsense, pasang script lazy load adsense, lazy load adsense, cara mempercepat loading blog, cara mempercepat loading blog dengan Lazy Load AdSense, lazy load adsense wordpress, google adsense lazy load

You Might Also Like:

Posting Komentar