Lazy Load Adsense |
Namun kali ini saya akan memberikan tips untuk lazy load iklan adsense agar tidak menambah loading blog.Untuk melakukan lazy load pada iklan adsense, kita bisa memanfaatkan javascript load on scroll. Jadi secara sederhana, JS adsense tidak akan dimuat sebelum halaman di-scroll. Masuk akal bukan?
Namun untuk mengimplementasikan memakai tips dari saya ini, maka kita jangan menaruh iklan adsense pada daerah " above the fold" atau jangan menaruh iklan adsense di daerah penampakan layar sebelum halaman di-scroll karena iklan tidak akan tampil.
Bagi anda yang ingin memasang kode lazy loading adsense di blog cukup dengan menambahkan kode di bawah ini dan simpan di antara tag </body>.
<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>
Sekian saja untuk anda yang baru saja menerapkan Lazy Load Adsense Mempercepat Loading Adsense agar website anda lebih responsive untuk pengunjung dan tidak memperlambat kecepatan halaman memuat di website atau blog.