script lazyload asynchronous

pakai ini untuk mendapatkan score tinggi pada pagespeed insights

Hallo semua pada kesempatan kali ini saya akan membagikan script lazyload asynchronous adsanse.

sebenarnya saya agak bingung untuk memberikan judul pada postingan ini, agar kalian tidak bingung fungsi script ini dan apa bedahnya dengan script lazyload adsanse scroll pada biasanya silakan baca penjelasan singkat berikut.

Script Lazyload Scroll Biasa

lazyload scroll adsanse biasa hanya memuat iklan ketika terdeteksi ada aktivitas scroll dari user, dan iklan tidak akan pernah di muat jika tidak ada aktivitas scroll, setiap berpindah halaman atau halaman di refersh iklan akan kembali jadi blank sampai terdeteksi adanya scroll lagi.

Script Lazyload Asynchronous

iklan akan di muat ketika terdeteksi ada aktivitas scroll atau tab pada layar, iklan tidak akan di muat jika tidak ada aktivitas scroll atau tab pada layar ( hanya berlaku untuk pengunjung pertama kali ), untuk yang sudah pernah mengunjungi situs kita iklan akan langsung di muat secara asynchronous tanpa harus user scroll atau tab layar lagi.

jika masih bingung cobanya hapus cookie browser kalian pada situs ini dan refersh halaman ini maka kalian tidak akan melihat iklan sebelum scroll atau tab layar kalian, setelah itu cobalah refersh kembali halaman ini maka kalian akan langsung melihat iklan tanpa harus scroll atau tab pada layar lagi.

dengan script ini kita bisa langsung menampilkan iklan untuk pengunjung yang sudah pernah mengunjungi situs kita dengan begini penghasilan adsanse kita tidak akan terganggu dan tanpa menurunkan score pada PageSpeed Insights juga ( cocok untuk kalian yang suka ngeluh saat pasang adsanse score jadi merah ).

Script Lazyload Asynchronous Adsanse

silakan masuk ke blogger > tema > edit html salin javascript di bawah ini dan letakkan di atas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

<script>/*<![CDATA[*/
// lazyload asynchronous adsanse by wendycode.com
function lazyOnload() {
    let adPub = 'xxxxxx';
    let ads = document.createElement("script");
    ads.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-" + adPub, ads.async = !0, ads.setAttribute("crossorigin", "anonymous"), document.head.appendChild(ads)
}
function dtcLzy(){lazyOnload(),localStorage.setItem("wcLoadJs","true")}var wcLdStorage=localStorage.getItem("wcLoadJs");if("true"!=wcLdStorage){var t=!1,e=!1;window.addEventListener("scroll",()=>{(0!=document.documentElement.scrollTop&&!1===t||0!=document.body.scrollTop&&!1===t)&&(dtcLzy(),t=!0,e=!0)},!0),window.addEventListener("click",()=>{!1===e&&!1===e&&(dtcLzy(),e=!0,t=!0)},!0)}"true"===wcLdStorage&&lazyOnload();
/*]]>*/</script>

bagian yang saya tandai xxxxxx silakan ganti dengan kode ca-pub milik kalian yang terdiri dari 16 angka

script ini tidak hanya bisa untuk adsanse saja tapi kalian juga bisa menglazyload semua js di tema kalian untuk mendapatkan score 100 pada PageSpeed Insights.

namun disini kalian harus membekali sedikit pengetahuan js karena untuk pegabungan js itu akan error jika adanya bentrok jadi kalian harus tau kode mana saja yang bentrok.

<script>/*<![CDATA[*/
// lazyload asynchronous by wendycode.com
function lazyOnload() {
    // bungkus javascript kalian di dalam sini
}
function dtcLzy(){lazyOnload(),localStorage.setItem("wcLoadJs","true")}var wcLdStorage=localStorage.getItem("wcLoadJs");if("true"!=wcLdStorage){var t=!1,e=!1;window.addEventListener("scroll",()=>{(0!=document.documentElement.scrollTop&&!1===t||0!=document.body.scrollTop&&!1===t)&&(dtcLzy(),t=!0,e=!0)},!0),window.addEventListener("click",()=>{!1===e&&!1===e&&(dtcLzy(),e=!0,t=!0)},!0)}"true"===wcLdStorage&&lazyOnload();
/*]]>*/</script>

ok jadi sekian script lazyload asynchronous yang bisa saya bagikan kali ini, terima kasih telah berkunjung dan semoga bermanfaat.