Cara Mempercepat Loading Blog dengan Lazy Load Adsense

Bagi sobat yang menggunakan blognya sebagai salah satu sumber penghasilan pastinya sudah tidak asing lagi dengan Google AdSense . ya, Google AdSense merupakan Produk Google yang menjadi salah satu alasan dan daya tarik publisher untuk lebih mengembangkan situsnya. Meskipun tidak semuanya memilki alasan yang sama.

Di sisi lain AdSense adalah salah satu penyumbang loading karena iklan yang ditampilkan JS AdSense akan menurunkan kecepatan loading blog kita meskipun JS AdSense sudah menggunakan asynchronous, namun tetap saja masih akan membuat blog menunggu  lebih lama untuk dimuat.

Di sini coba kita ulas tentang memberikan contoh gambar perbandingan sebelum dan sesudah menggunakan trik Lazy Load AdSense ini. Di bawah ini contoh gambar sebelum menggunakan trik Lazy Load AdSense :

Di Cek Menggunakan GTmetrix

Dan menggunakan PageSpeed Insights Google

Pada pengecekan situs love46hendry.blogspot.com di GTmetrix, mendapatkan PageSpeed Score 68% dan YSlow Score 78%. dan untuk Page Speed Insight mendapatkan hasil 99 untuk Desktop dan 40 untuk Mobile. kurang cepat memang. namun setelah saya pasang kode Lazy Load AdSense hasilnya lebih baik dari sebelumnya seperti Gambar di bawah ini :

Setelah dipasang untuk PageSpeed Insight mendapatkan hasil 100% untuk Desktop dan 70 untuk Mobile. ya masih belum sempurna untuk Mobile namun setidaknya ada sedikit peningkatan dari sebelumnya.

bagi anda yang ingin mempercepat loading blognya silahkan ikuti tips berikut ini.

Mempercepat Loading Blog dengan Lazy Load AdSense

Cara kerja dari kode ini cukup sederhana, yaitu iklan akan muncul setelah kita menggulir halaman. jadi JS AdSense tidak akan muncul sebelum kita menggulir halaman tersebut.

Tips ini ditujukan untuk anda yang sudah memasang AdSense di Blognya. Bagi yang belum, kode yang akan saya bagikan ini bisa dimanfaatkan untuk kebutuhan lain misalnya memuat link JS ekternal.

Buka Blogger > Klik menu Tema > Klik tombol Edit HTML > Tambahkan kode dibawah ini sebelum 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>

Jika belum, pastikan untuk menghapus semua link JS Adsense  yang biasanya terpasang pada kode unit iklan Adsense. Seperti ini :

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

Kode ini juga bisa digabungkan dengan link JS Adblock Killer yang pernah saya bagikan pada postingan Cara Pasang kode Adblock Killer Bagi anda yang sudah melakukan trik tersebut bisa menggunakan kode ini :

<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://rawcdn.githack.com/Arlina-Design/quasar/23207858/arlinablock.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>

Setelah ditambahkan klik tombol Simpan Tema dan Selesai

Mungkin Anda bertanya, apakah kode ini aman untuk AdSense ?

Jawabannya tentu Aman. Karena Google pun menyarankan untuk mempercepat loading blog seperti halnya memasang kode Lazy Load Image untuk mempercepat loading gambar pada halaman Situs.

Dan apakah akan berpengaruh kepada pendapatan AdSense blog kita ?

Untuk yang satu ini saya belum tau, karena saya sendiri baru memasang.kita lihat saja Progresnya, jika pendapatan berkurang mungkin memang bukan rezeki kita, solusinya sobat bisa mecabut kembali kode tersebut dan mengembalikan seperti semula.

Kesimpulannya, prioritaskan yang menurut anda butuhkan. jika ingin blog lebih cepat bisa melakukan trik diatas namun jika masih ragu akan pendapatan AdSense (yang mungkin akan) menurun sobat tinggal urungkan niat untuk memasang. namun bagi saya hal ini saya anggap sebagai pengalaman baru, yang saya nilai di sini adalah progresnya "apakah dengan memasang kode ini akan berpengaruh ke AdSense, rasa penasaran itu tumbuh yang membuat saya lebih bersemangat walaupun resiko yang akan perlu diterima.

Share this post