Cara Mempercepat Loading Blog Blogger dengan Lazy Load AdSense


Cara Mempercepat Loading Blog dengan Lazy Load AdSense. Lazy Load AdSense merupakan kode yang digunakan untuk mempercepat loading blog Anda, apalagi untuk Anda sebagai publisher AdSense.

Google AdSense merupakan produk Google yang menjadikan salah satu alasan para webmaster dalam mengembangkan situsnya. Disamping itu AdSense juga menyumbangkan loading karena iklan yang ditampilkan JS AdSense akan menurunkan kecepatan pada loading blog kita.

Dengan pemasangan kode iklan AdSense tersebut akan dapat memepengaruhi terhadap kecepatan situs blog Anda, namun dibalik itu pihak AdSense sangat menyarankan bagi publisher AdSense agar memiliki situs yang ringan ketika di akses.

Artikel lainnya cara membuat widget featured posts keren untuk blogger

Cara kerja dari kode Lazy Load AdSense ini cukup sederhana namun berdampak signifikan terhadap kecepatan blog kita. Sistem kerja dari kode tersebut yaitu, iklan akan muncul ketika kita menggulir halamnan tersebut, jadi JS AdSense tidak akan muncul sebelum Anda menggulir halaman situs blog Anda.

alt="lazy load adsesnse"
Tips ini ditujukan untuk Anda yang sudah memasang atau memiliki iklan AdSense, namun bagi yang belum ini bisa Anda manfaatkan sebagai kebutuhan lain misalnya memuat link JS Eksternal
Cara Mempercepat Loading Blog dengan Lazy Load AdSense

Bagi Anda yang tertarik untuk memasangnya silahkan ikuti tutorial berikut ini:

1. Sulahkan buka Blogger.com > Tema > Edit HTML > 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>

2. Terlebih dahulu, silahkan Anda untuk mengkhapus semua link JS AdSense yang biasa terpasang pada kode unit iklan AdSense. Seperti dibawah ini:

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

3. Setelah di tambahkan silahkan klik Simpan Tema, dan

4. Selesai

Dan berikut adalah hasil tes yang saya lakukan terhadap situs blog ini terhadap situs GTmetrik, sebelum pemasangan Lazy Load AdSense dan sesudah pemasangan

alt="lazy load adsense"

Sebelum pemasangan kode tersebut menunjukan bahwa PageSpeed Score terdapat pada angka 88%

alt="lazy load adsense"

Setelah pemasangan kode tersebut terlihat ada peningkatan dari 88% menjadi 90%

Mungkin saja Anda sedikit bertanya, apakah dengan memsang kode ini aman terhadap pelanggaran dan untuk AdSense kita? Jawabannya, tentu saja aman karena pihak AdSense menyarankan kita untuk dapat mempercepat loading dari siitus blog yang kita kelola.

Hal ini sama seperti kita memasang kode Lazy Load Image untuk mempercepat loading gambar pada halaman situs.

Dan satu pertanyaan lagi yang kiranya akan muncul di benak Anda, yaitu, apakah akan berdampak pula pada pendapatan AdSense kita? Untuk pertanyaan ini saya belum bisa menjawabnya karena saya juga baru saja memasangnya. J

Jika memang ini berdampak pada pendapatan AdSense kita mungkin itu buka rejeki nya :), solusinya ya kita tinggal copot lagi saja dan mengembalikannya ke seperti semula.    

Baiklah, mungkin itu saja tips yang bisa saya berikan mengenai Cara Mempercepat Loading Blog dengan Lazy Load AdSense, silahkan untuk bisa Anda coba tips mempercepat loading blog tersebut. Semoga bermanfaat dan menambah pengetahuan kita. Terima kasih. 

Comments