Cara Mempercepat Loading Iklan Google Adsense Dengan Lazy Load Di Blog

Sahabat Blog ID Dzgn lama tidak bertemu ya, dalam beberapa pekan terakhir saya jarang sekali update artikel di blog ini.
Pada waktu pekan kemaren saya agak sibuk karena banyak tugas sekolah juga karena saya sedang mencoba untuk membuat template AMP yang bersukur sudah bisa saya gunakan saat ini di blog ini, cukup membutuhkan waktu lama saya dalam mempelajari dasar-dasar untuk membuat template amp ini dan hasilnya cukup menambah ilmu dalam belajar Web Designer, bersukur untuk diri sendiri.

Untuk pertemuan kali ini saya akan coba membagikan tutrial untuk Cara Mempercepat Loading Iklan Google Adsense Dengan Lazy Load Di Blog, sebenarnya pada artikel sebeunya saya sudah pernah membagikan tutorial ini namun karena tidak support AMP akhirya mengharuskan saya untuk menghapus artikel tersebut, dan saya ganti dengan artikel baru ini yang support AMP.

Salah satu penyebab lambatnya loading blog adalah iklan adsense, kenapa begitu?? perlu anda ketahui saat blog yang sudah di pasang iklan adsense maka dalam proses loadingnya akan cukup memakan waktu lama karena harus memproses content adsense contoh, text, gambar berformat PNG ataupun berformat animasi GIF.
bayangkan saja jika dalam 1 iklan berukuran (120 KB) bila dalam 1 blog atau 1 halaman situs memiliki 5 atau lebih iklan adsense yang di tayangkan kalikan saja maka hasilnya sudah 600 KB, meskipun tidak semua berukuran sama namun jelas 600 KB itu bisa menyumbang lambatnya loading blog, apalagi template yang di gunakan juga memiliki tingkat loading yang berat tentu hal ini akan memberikan dampak negatif pada suatu situs blog.

Kebanyakan pengunjung lebih memilih situs yang di kunjungi tidak membutuhkan proses pemuatan yang begitu lama ini fakta bukan reayasa eakk ;) hehehehe.
saya sendiripun seperti itu apalagi jika kualitas sinyal internet yang tidak begitu mendukung maka bila saya mengunjungi situs blog dan situs itu membutuhkan pemuatan yang cukup lama maka saya back saja.
Blog akan terlihat buruk di mata google jika ada pengunjung situs tidak bertahan dalam 15 detik dalam melihat content blog itu sendiri. Nah jika anda sebagai publisher iklan adsense dan tidak ingin blog anda terlihat buruk di mata google, silahkan coba pasang Script Lazy Load untuk iklan adsense ini, Script ini berguna sekali bagi anda yang memiliki tingkat pemuatan loading blog yang cukup memakan waktu lama.

Tutorial ini hanya di hususkan kepada user yang sudah terdaftar menjadi publisher adsense

Cara Mempercepat Loading Iklan Google Adsense Dengan Lazy Load Di Blog

Cara mudah untuk mengurangi lambatnya loading iklan adsense atau iklan ads ini cukup mudah silahkan anda hapus kode seperti ini pada Edit HTML template anda

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Iklan Responsive -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxx"
     data-ad-slot="1234567890"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Silahkan anda hapus kode <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>atau seperti ini <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"/> jika ada 1 atau lebih hapus saja kode js adsense itu.

Jika anda hapus kode yang saya suruh di atas maka kode iklan akan terlihat seperti ini

<!-- Iklan Responsive -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxxxxxxxx"
     data-ad-slot="1234567890"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Selanjutnya silahkan kamu pasang kode Java Script berikut ini tepat di atas kode </body>

<script>
//<![CDATA[
var lazyadsense = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) {

(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();

    lazyadsense = true;
  }
}, true)
//]]>
</script>

Setelah selesai silahkan sekarang anda Save/Simpan perubahan lalu lihat hasilnya, jika sudah selamat silahkan anda bisa cek langsung kecepatan loading blog anda melalui situs GTMetrix atau Pageinsigh.
Jika anda ingin mencoba untuk memasang lazy load image pada content blog anda silahkan kunjungi link ini http://www.iddzgn.com/2017/07/cara-mempercepat-loading-blog-dengan-memasang-script-lazyload.html