Cara Memasang Lazy Load iklan Adsense Untuk Mempercepat Loading Blogger 2020

Cara Memasang Lazy Load iklan Adsense Untuk Mempercepat Loading Blogger 2020

Pelajar Design - Iklan Adsense yang dipasang pada blog atau website akan membuat loading menjadi lebih lambat. Namun tidak hanya Adsense saja yang membuat loading suatu blog menjadi lambat. Ada beberapa faktor yang mempengaruhi kecepatan loading suatu blog.

Mungkin pengunjung yang mengunjungi blog kita akan kesal jika loadingnya lambat. Oleh karena itu pemilik blog harus pintar-pintar memilih template yang mereka gunakan, karena beberapa template juga mempengaruhi kecepatan loading suatu blog.

Sebenarnya Cara Memasang Lazy Load iklan Adsense Untuk Mempercepat Loading Blogger cukup mudah. Sebelum ke langkah-langkah cara memasang lazy load untuk adsense, mari kita simak terlebih dahulu beberapa penjelasan tentang lazy load untuk adsense.

Apa Itu Lazy Load Adsense?

Lazy Load adalah sebuah kode JavaScript yang kita pasang pada blog atau website yang kita miliki dengan tujuan menunda iklan adsense yang tayang agar loading blog menjadi cepat. Karena jika kode Adsense yang kita pasang banyak, maka loading blog atau website semakin lama.

Lazy Load akan menunda munculnya iklan dan akan memunculkan iklan yang dipasang setelah pembaca atau pengunjung meng-scroll artikel yang mereka baca.

Kelebihan Lazy Load Adsense.

Berikut kelebihan dari lazy load menurut Pelajardzgn.

Kelebihan

  1. Loading blog menjadi cepat.
  2. Stabil.

Cara Memasang Lazy Load iklan Adsense Untuk Mempercepat Loading Blogger

1. Masuk ke Blogger.com.

2. Pergi ke menu Tema > Edit HTML.

3. Cari kode seperti dibawah menggunakan CTRL + F (Agar Lebih Mudah Dan Cepat) lalu hapus.
<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>
4. Kemudian tambahkan kode dibawah ini tepat DIATAS kode </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>
5. Kemudian kalian harus menghapus script seperti dibawah pada script iklan adsense yang telah kalian pasang.
<script data-ad-client="ca-pub-xxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Maka kode kalian akan menjadi seperti dibawah.
<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>
Kenapa dihapus?
Karena kode yang dihapus sudah diganti dengan kode yang di No.4

6. Simpan dan lihat hasilnya.

Coba cek dengan cara masuk ke blog kalian dan scroll, apabila iklan muncul setelah kalian meng-scroll maka kalian telah berhasil memasang lazy load adsense pada blog kalian.

Dengan cara memasang lazy load pada blog ini, kecepatan loading blog kalian akan menjadi lebih cepat dibandingkan sebelumnya.

Jika masih lambat mungkin faktor JavaScript yang banyak digunakan pada template kalian.

Penutup

Jadi bagaimaba? mudah bukan cara memasang lazy load adsense di blog. Jika ada pertanyaan seputar blogging atau artikel diatas silahkan hubingi Admin pada menu Kontak / Contact yang tersedia. Terimakasih.

You may like these posts