Tech

Lazy Load Adsense untuk Mempercepat Loading Blog

Lazy Load untuk Blogger

Seringkali blog atau website yang sudah terdapat Adsense waktu muatnya menjadi lebih lama. Kecepatan blog bukan hanya dipengaruhi oleh Adsense saja, namun terdapat beberapa faktor yang lain.

Waktu muat (loading) yang lama akan membuat pengunjung kita akan kesal dan keluar kembali. Hal ini akan mengakibatkan bounce rate blog kita semakin tinggi. Oleh karena itu, pemilik blog harus pandai dalam mengelola blognya dalam segi konten dan segi tampilan.

Mengenal Lazy Load Adsense

Lazy Load merupakan kode JavaScript yang bertujuan untuk menunda waktu muat Adsense yang tayang ketika seseorang mengakses blog kita. Dengan tertundanya waktu muat, maka waktu muat blog kita akan semakin cepat.

Iklan tersebut nantinya muncul ketika pengunjung membuka posisi iklan tersebut atau ketika pengunjung sedang membaca artikel di blog kita.

Kelebihan dan Kekurangan Lazy Load

Lazy load Adsense juga memiliki kelebihan dan kekurangan, berikut keterangannya:

Kelebihan dipasangnya lazy load untuk Adsense adalah waktu muat blog kita yang semakin cepat dan membuat koneksi muat mejadi stabil.

Kekurangan memasang lazy load untuk Adsense yaitu membuat delay tampilan iklan kita, seolah-olah kosong melompong.

Cara Memasang Lazy Load Adsense untuk Mempercepat Loading Blog

Berikut ini merupakan langkah-langkah cara memasang lazy load adsense untuk mempercepat loading blog.

1. Masuk ke dashboard blogger kalian (blogger.com)
2. Tekan menu Tema > Edit HTML
3. Jika sudah di editor tema, cari kode dibawah ini dengan memakai CTRL+F (shortcut untuk mencari)

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

4. Setelah itu, tambahkan kode berikut 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. Langkah selanjutnya adalah menghapus kode berikut dari kode iklan adsense yang sudah dipasang.

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

Tampilan kode iklan adsense kalian akan menjadi seperti ini:

<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>

Tujuannya dihapus itu karena kode tersebut sudah dimasukkan kedalam tema dilangkah nomor 4.

6. Jangan lupa disimpan dan dicek hasilnya apakah berhasil atau tidak.

Seharusnya setelah dilakukan langkah diatas, ketika blog dibuka maka adsense sudah diterapkan lazy load tersebut.

Dengan ini, akan membuat waktu muat blog kalian semakin cepat dan semakin didepan, :D.

Penutup

Sekian tutorial mengenai cara memasang lazy load adsense untuk mempercepat loading blog. Baca juga tulisan-tulisan atau artikel lainnya mengenai tutorial ya!

Terima kasih.

Show More

Kisna Hafizh J.

Mahasiswa yang suka menulis dan bercerita.

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Back to top button