Oct 19, 2017

Mempercepat Loading Iklan Adsense Menggunakan Trik Lazy Load

lazy load Adsense

Dipostingan kali ini kita akan membahas seputar loading Js dari kode Unit iklan Google Adsense yang sering kali memperlambat loading pada blog. Seperti yang kita ketahui bahwa disetiap unit iklan yang dibuat Google Adsense akan memberikan kode unit iklan untuk dipasang dalam blog agar iklan dapat tampil namun efek dari kode JS yang diberikan akan memperlambat loading blog menjadi berat sehingga akan berefek kepada SEO blog. 

Seperti yang dialami juga oleh blog dibalikseo ini agak sedikit berat saat loading pertama karena saat blog dibuka akan membaca kode JS yang banyak terpasang didalam template blog. Nah untuk itu kesempatan kali ini saya akan berbagi Trik untuk mempercepat loading Js pada kode unit iklan Adsense yang terpasang yaitu dengan cara memanipulasi dengan metode Lazy Load dimana iklan hanya akan tampil setelah halaman blog selesai tampil.

Bagi sobat yang mau mencobanya Mempercepat Loading Iklan Adsense Menggunakan Trik Lazy Load mari disimak langkah penerapannya.

Langkah Pertama
Biasanya kode Adsense yang diberikan saat pemasangan kode unit iklan seperti dibawah ini.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
    style="display:inline-block;width:300px;height:250px"
    data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
    data-ad-slot="xxxxxxxxx"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>


Langkah Ke Dua
Silahkan sobat cari kode JS google Adsense seperti dibawah ini.


<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

Setelah ketemu silahkan hapus semua kode JS yang diatas disetiap kode unit iklan yang terpasang pada blog sobat.


Langkah Ke Tiga
Silahkan sobat salin kode Javascript dibawah ini lalu letakkan di atas kode </body>.

<!–noptimize–><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><!–/noptimize–>

Perhatikan setiap langkah dalam penerapan kodenya dan selesai silahkan di SAVE, selamat mencoba semoga bermanfaat.

Sumber : www.gulshankumar.net/setup-lazy-loading-google-adsense-ad-units

Artikel Terkait

Halo Sobat, sedikit cerita mengenai diri saya, saya adalah hanya seorang penulis amatiran yang mencoba berbagi pengetahuan dari apa yang saya dapat sehari-hari. Pengalaman ini saya tuangkan di tulisan dengan tujuan baik agar pengetahuan dan pengalaman saya ini dapat bisa di pergunakan dan bermanfaat khususnya untuk diri saya pribadi dan umumnya untuk orang lain, sehingga saya beri nama Web saya ini dibalikseo.com yang filosofinya adalah dibalik pengetahuan yang saya dapat.