Cara Menambahkan Lazy Load AdSense di Blogger

 Lazy load adalah teknologi yang mencegah objek di situs web dimuat sebelum muncul di area yang terlihat pengunjung. Metode ini meminimalkan waktu pemuatan situs web dan meningkatkan kinerjanya. Oleh karena itu pada akhirnya, akan membantu blog Anda untuk meningkatkan kinerja kecepatan dan waktu pemuatan.

Bagaimana Script ini Bekerja?

Saat pengguna mengunjungi situs web Anda, itu tidak memuat iklan AdSense dan bahkan meminta Javascript AdSense. script AdSense lazy load ini bisa digunakan di blogger tanpa error. Untuk WordPress, Anda dapat menemukan lusinan plugin.

Setelah menggunakan script ini,  akan Memuat Iklan setelah halaman dimuat seluruhnya. Tidak menggunakan Onload Event Listener lebih baik, kami menggunakan Scroll Event Listener. Jadi bagaimana cara kerjanya?

Saat pengguna membuka situs web Anda, maka situs web tidak akan meminta pustaka adsbygoogle.js.

Bahkan ketika situs web benar-benar dimuat, itu tidak akan menampilkan iklan dan meminta library iklan

Tetapi ketika pengguna menggulir halaman web Anda, maka itu akan meminta Javascript

Jadi dengan ini, Muat Iklan Setelah Muat Halaman.

Apa pengaruh Lazy Loading pada Seo?

Google selalu menyarankan penerbit untuk meningkatkan kecepatan situs web mereka. Mereka selalu merilis banyak alat dan artikel untuk membantu pemilik situs web meningkatkan kecepatan situs mereka. Untuk meningkatkan kecepatan situs web, Google menyarankan untuk menunda pemuatan gambar di luar layar.

Hal ini dimungkinkan untuk dilakukan dengan penggunaan Teknik Lazy Loading. Karena gambar biasanya merupakan bagian terbesar dari halaman web dan berdampak besar pada kecepatan dan SEO sebuah website.

 

Secara umum, Google selalu menerapkan kerahasiaan mengenai faktor peringkat. Namun, ketika berbicara tentang kecepatan situs, Google secara terbuka menyatakan bahwa kecepatan situs adalah faktor peringkat untuk pencarian seluler. Teknologi pemuatan lambat adalah skrip yang berguna untuk membuat situs dimuat lebih cepat di perangkat seluler.

Langkah Menambahkan Lazy Load AdSense

Untuk Menambahkan Lazy Load AdSense di Blogger, ikuti urutan langkah dibawah ini:

Langkah 1 . Masuk ke dasbor Blogger yaitu Blogger.com .

Langkah 2 . Buka Bagian Tema dan Klik Tombol Edit HTML.

Langkah 3 . Cari kode dibawah ini menggunakan ctrl+f, dan hapus

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

Langkah 4 . Salin Kode JS dibawah ini, tepat di atas tag </body>

<script type="text/javascript"> 
//<![CDATA[ 
var LazyLoadAds = false;
window.addEventListener("scroll", function() {
    if ((document.documentElement.scrollTop != 0 && LazyLoadAds === false) ||
        (document.body.scrollTop != 0 && LazyLoadAds === false)) {
        (function() {
            var ad = document.createElement('script');
            ad.setAttribute('data-ad-client', 'ca-pub-xxxxxxxxxxx');
            ad.async = true;
            ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
            var sc = document.getElementsByTagName('script')[0];
            sc.parentNode.insertBefore(ad, sc);
        })();
        LazyLoadAds = true;
    }
}, true);
//]]> 
</script>

Langkah 6. Ubah bagian yang ditandai (ca-pub-xxxxxxxxxxx) dengan ID Penayang AdSense Anda.

Langkah 7 . Klik Simpan! dan Anda sudah selesai menambahkan lazy load AdSense di blogger.

Kelebihan dan Kekurangan

Sebelum menerapkan Lazy Load AdSense di blogger, Anda harus mempertimbangkan dengan cermat kelebihan dan kekurangannya.

kelebihan Lazy Load AdSense di blogger:

• Lazy Loading menyeimbangkan antara mengoptimalkan pengiriman konten dan menyederhanakan pengalaman pengguna.
• Pengguna dapat melihat konten halaman dengan sangat cepat.
• Karena pemuatan halaman yang lebih cepat, menghasilkan konversi yang lebih baik dan pendapatan yang lebih tinggi untuk situs e-niaga.
• Penggunaan bandwidth yang lebih sedikit, yang berarti penghematan biaya.

kelemahan Lazy Load AdSense di blogger:

• Baris tambahan Javascript untuk mengimplementasikan lazy loading, dikombinasikan dengan kode yang ada, membuatnya lebih rumit.