Ditulis oleh: Ditulis pada: 11/16/2020
Defer Script Adsense Dengan Auto Ads Terbaru 2020 - Saat ini Google semakin menegaskan bahwa kecepatan loading blog menjadi salah satu faktor penentu ranking blog. Oleh sebab itu, kini para webmaster berlomba untuk membuat websitenya dapat dimuat dengan cepat untuk memenangkan persaingan di halaman pencarian.
Namun ada satu hal yang sampai saat ini membuat pusing para webmaster, yaitu iklan Adsense. Seakan hal ini menjadi dilema terbesar dalam upaya mendapatkan loading blog yang cepat. Bagaimana tidak, sampai saat ini keberadaan iklan Adsense sangat mempengaruhi nilai pagespeed insights, bahkan bisa menyebabkan nilainya menjadi merah.
Tentunya hal ini berbanding terbalik dengan pernyataan Google yang menyebutkan bahwa kecepatan loading blog menjadi salah satu faktor penentu ranking blog di SERP.
Solusi Masalah Pemuatan Iklan Adsense
Sebenarnya script iklan Adsense ini sudah menggunakan asynchronous, namun tetap saja pemuatan js Adsense mempengaruhi loading blog karena dimuat bersamaan dengan loading halaman meskipun perintahnya baru dieksekusi setelah halaman termuat semua.
Lazyload Adsense
Oleh karena itu, muncul lazyload adsense sebagai solusi agar iklan Adsense tidak memberatkan loading halaman blog. Cara kerja lazyload Adsense adalah pemuatan dan eksekusi script Adsense akan dilakukan ketika pengunjung menggulung halaman.
Jadi ketika halaman dimuat, script Adsense tidak akan ikut dimuat sehingga tentunya tidak aka ada pengaruhnya pada pemuatan halaman ketika halaman pertama kali diakses pengunjung.
Namun di sisi lain, bagi sebagian blogger hal ini memberikan efek lain pada Adsense itu sendiri. Mereka menyebutkan bahwa meskipun load blog mereka sangat cepat namun pendapatan mereka menurut akibat menggunakan trik lazy load adsense ini.
Defer Adsense
Oleh karena ini, saya mencoba membuat solusi baru agar blog tetap memiliki loading yang cepat namun iklan Adsense dapat langsung muncul, yaitu dengan defer adsense.
Cara kerja defer adsense ini adalah pemuatan dan eksekusi script Adsense akan dilakukan setelah halaman berhasil dimuat.
Meskipun iklan adsense ini tidak mengganggu loading halaman, namun saat ini defer iklan adsense ini masih mempengaruhi nilai pagespeed insights.
Jika Anda ingin mencoba trik defer adsense ini, silahkan gunakan kode di bawah ini. Script ini juga akan menyertakan kode untuk auto ads pada js adsense. Simpan kode berikut di atas kode </body>
<script>
//<![CDATA[
function downloadJSAtOnload(){var d=document.createElement("script");d.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";d.setAttribute("data-ad-client","ca-pub-XXXXXXXXXXXX"),document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>Silahkan ganti kode XXXXXXXXXXXX dengan ID publisher Adsense Anda yang nantinya secara otomatis js adsense akan dilengkapi dengan auto ads.
Tambahkan Preload JS Adsense
Jika menggunakan trik defer adsense ini, sebaiknya tambahkan juga preload untuk JS Adsense untuk memberitahukan browser bahwa JS adsense sudah dimuat pada kunjungan sebelumnya sehingga tidak perlu dimuat lagi.
Hal ini sudah saya jelaskan pada artikel mengenai cara terbaru mempercepat iklan adsense.
Silahkan simpan kode berikut di bawah kode <head>
<link as='script' href='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js' rel='preload'/>Kesimpulan
Apapun keputusan Anda dalam menentukan metode untuk meningkatkan loading blog tentunya tergantung Anda sendiri sebagai pemilik blog. Terutama dalam hal pengaruhnya iklan Adsense pada loading blog, Anda bisa menggunakan trik lazyload adsense ataupun trik defer adsense, atau Anda tidak menggunakan keduanya.
UPDATE:
[UPDATE] Lazyload dan Defer Adsense 2021 dengan Atribut Crossorigin