Memasang Lazy Load AdSense di Blogger Terbaru 2021

Mempercepat Loading Blog dan Iklan dengan Lazy Load AdSense - Beberapa minggu yang lalu saya di kagetkan dengan kecepatan blog lama saya di PageSpeed Insights Google menurun menjadi 60%. Hal ini tentu saja membuat saya khawatir, karena kecepatan dan skor adsense merupakan salah satu penentu banyaknya pengunjung dalam blog kita.

Bagi sebagian besar kalangan Google adsense merupakan sumber penghasilan bagi seorang blogger, Google adsense merupakan salah satu alasan untuk tetap terus menjadi publisher blogger untuk memberikan konten yang menarik dan mudah dipahami bagi para pembaca.

Namun disisi lain Iklan dalam Google Adsense membuat kecepatan memuat data blog kita menjadi lebih lambat. Saat suatu blog atau website di pasang iklan adsense maka proses loadingnya blog kita akan menjadi lebih lama dan memakan banyak waktu.

Dikarenakan proses memuat konten adsense seperti gambar, teks atau animasi dapat berukuran kurang lebih sekitar 120KB hanya untuk 1 iklan saja, bayang jika kita memasangnya 5 konten iklan atau lebih maka akan membuat skor PageSpeed Insights kita menjadi lebih turun dan memakan waktu lebih lama dalam memuat satu konten artikel.

kebanyakan pengunjung suatu blog lebih memilih mengunjungi suatu situ yang kecepatan memuat datanya tidak memakan waktu lama, terutama saya sendiri saya lebih memilih mencari dam melihat-lihat suatu blog yang memuat datanya lebih cepat dan tidak banyak memakan banyak data internet. Untuk itu saya akan membagikan tutorial mempercepat loading blog agar dapat menaikkan skor pagespeed insights dengan lazy load adsense.

Memasang Lazy Load AdSense di Blogger Terbaru 2021

  1. Buka Blogger kalian
  2. Pilih Tema
  3. Pada menu SESUAIKAN, pilih Edit HTML
  4. Kemudian masukkan kode ini tepat dibah kode </body>
    <!-- Lazy AdSense dan Auto Ads -->
    <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.setAttribute('data-ad-client','ca-pub-XXXXXXXXXXXXXXXX'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
    document.body.className += " sticky";
    lazyadsense = true;
      }
    }, true);
    //]]>
    </script>
  5. Kemudian pilih Simpan Tema

Catatan : ganti kode XXXXXXXXXXXXXXXX dengan kode ID AdSense kalian

Cara Menerapkan Iklan Lazy AdSense di Blogger

Untuk menerapkan lazy load adsense di blogger, kita cukup menghapus kode awal adsense yang ini:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX" crossorigin="anonymous"></script>

Sebelum:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX"
     crossorigin="anonymous"></script>
<!-- AdSense analisyuki.com -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXXX"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Sesudah:

<!-- AdSense analisyuki.com -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
     data-ad-slot="XXXXXXXXXX"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Jika sudah, lihatlah hasilnya di blog anda, tampilan artikel terlebih dahulu akan muncul kemudian dilanjutkan dengan konten adsense. Untuk pengaruh pendapatan adsense juga saya belum tau, karena masalah ini baru saya alami dan pertama kali saya mencobanya maka kita lihat saja seperti apa hasilnya nanti.

Untuk Blog AMP sendiri saya juga kurang tau apakah harus diterapkan atau tidak karena blog AMP sudah mempunyai kode tersendiri.

Demikianlah Tutorial Cara Mempercepat Loading Blog dan Iklan dengan Lazy Load AdSense, jika ada sesuatu yang ingin di tanyakan dan kurang dipahami silahkan ke kolom komentar dibawah, terimakasih.

Catatan tambahan : kode adsense diatas sudah termasuk dengan kode auto adsense, jadi kita tidak perlu lagi repot-repot menambahkan kode auto adsense lagi.