Cara Mempercepat Loading Blog dengan Lazy Load Adsense

Hallo sobat blogger, pada kesempatan kali ini Monsuka akan berbagi tips mempercepat loading blog dengan lazy load adsense. Tips ini diperuntukkan bagi anda yang sudah memasang iklan adsense. Kenapa? Karena javascript iklan adsense menjadi salah satu penyebab kecepatan loading blog menjadi lambat. Meskipun JS adsense sudah menggunakan asynchronous, namun tetap saja masih membuat halaman blog menjadi lama untuk dibuka.

Cara Mempercepat Loading Blog dengan Lazy Load Adsense

Google adsense merupakan layanan iklan dari google yang menjadi salah satu sumber penghasilan dari blog. Keuntungan yang ditawarkan juga sangat menarik dan menjadi daya tarik tersendiri bagi publisher untuk mengembangkan websitenya. Yaa mau tidak mau anda harus mengorbankan kecepatan loading blog kalau ingin memasang iklan adsense.

Untuk mengatasi masalah diatas monsuka akan memberikan solusi untuk mempercepat loading blog yaitu dengan memasang kode lazy load adsense. Cara kerja kode ini adalah iklan adsense akan muncul setelah anda menggulir halaman blog. Jadi, isi postingan blog lebih cepat muncul daripada iklan adsense tersebut.

Cara Mempercepat Loading Blog dengan Lazy Load Adsense


Sebenarnya tips ini lebih diutamakan bagi blog yang sudah dipasang iklan adsense. Langsung saja cara memasang lazy load adsense.

Pertama buka dashboard Blogger anda - Lalu pilih menu Tema dan klik Edit HTML - Kemudian tambahkan kode dibawah ini sebelum </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<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="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>

Baca juga :
Kemudian hapus semua link JS Adsense yang biasanya terpasang pada kode unit iklan adsense dan kode iklan adsense otomatis. Seperti dibawah ini :

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- iklan bawah menu -->
<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>
Hapus kode JS adsense yang berwarna merah di semua kode iklan adsense yang terpasang di blog anda, termasuk iklan otomatis dan unit iklan.
Sehingga hasilnya menjadi seperti ini :

<!-- iklan bawah menu -->
<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>

Terakhir klik Simpan Tema.

Cukup mudah bukan sobat blogger? Sekian tips dari Monsuka yaitu cara mempercepat loading blog dengan lazy load adsense. Terima kasih sudah membaca sampai akhir dan jangan lupa kembali lagi yaa.

Sumber kode : blog Arlinadzgn

Berlangganan update artikel terbaru via email:

2 Komentar untuk "Cara Mempercepat Loading Blog dengan Lazy Load Adsense"

  1. Apakah ini aman gan, trs script js lazyadsense gak setiap unit iklan di masukin,?

    BalasHapus
    Balasan
    1. Aman gan,, script js lazyload adsense cukup satu aja dipasang gan

      Hapus

Iklan Tengah Artikel 1