Cara Mempercepat Loading Blog dengan Lazy Load Iklan Adsense

Lazy Load adalah teknik yang memungkinkan Anda menayangkan iklan tepat pada saat pemirsa Anda cenderung benar-benar melihatnya. Dalam hal ini gambar hanya akan dimuat jika viewer menggulir halaman pada bagian yang ditampilkan di dalam viewport, Jika viewer tidak menggulir pada tampilan tersebut maka gambar tidak akan pernah dimuat dalam browser, itulah yang membuat loading blog menjadi lebih cepat.

Tujuannya di sini adalah untuk mengoptimalkan waktu pemuatan halaman Anda, mengurangi latensi, meningkatkan skor keterlacaan iklan (yang akan kita bahas nanti) dan pada akhirnya meningkatkan kinerja halaman dan iklan.

Dengan memasang lazy load script pada adsense dapat menjadi cara yang paling tepat untuk meringankan dan mempercepat loading blog. Karena seperti yang diketahui, bahwa salah satu penyebab melambatnya sebuah web adalah karena script iklan dari google Adsense.

Untuk Anda yang sudah diterima dan siap untuk menayangkan iklan Adsense ada kemungkinan kecepatan website anda akan turun drastis dan loadingnya akan semakin lama, ini disebabkan karena script dari iklan AdSense sendiri belum menerapkan metode defer atau async, hal ini akan terlihat jika anda menggunakan Lightspeed ataupun GTMetrix untuk mengecek score speed website.

Sebagai perbandingan, awalnya webite saya memiliki score Page Speed Google dan Lightspeed sekitar 92(mobile) dan 96(desktop), tetapi setelah pemasangan iklan, nilainya langsung turun menjadi 43(mobile) dan 70(Desktop) yang akhirnya membuat blog loading menjadi sangat lama. Berbagai cara saya lakukan bahkan hingga menghapus script iklan dan hanya memunculkan satu iklan saja tetapi itu tidak berpengaruh banyak yang ada website saya tambah hancur. Dan akhirnya, saya menemukan cara untuk mempercepat website tanpa membuang iklan-iklan saya yang sudah dipasang yaitu dengan menggunakan script Lazy Load Iklan Adsense.

Memasang Lazy Load Iklan Adsense Untuk Mempercepat Loading Blog

Script lazy load Adsense ini berfungsi untuk menunda pemuatan dari iklan adsense ketika membuka website atau blog, hingga viewer melakukan scroll halaman.
Apa sebenarnya yang sebenarnya yang dilakukan skrip Lazy Load ini?
Skrip ini akan memastikan bahwa unit Iklan AdSense Anda akan mulai dimuat dan menjadi terlihat setelah menyelesaikan pemuatan lengkap halaman web utama Anda.
Cara ini sangat disarankan dan sudah banyak diterapkan untuk situs-situs besar agar dipasang lazyload Iklan Adsense Google. Untuk membuat hingga memasangnya sangat mudah simak penjelasan berikut ini:

1. Memasang Lazy Load Ads

1. Login ke akun blogger Anda
2. Kemudian pada Dashboard Blogger pilih Tema dan disebelah sesuaikan klik tanda segitiga lalu klik edit HTML.

Cara Memasang Lazy load Adsense di Blogger

3. Carilah kode adsense berikut yang biasanya ditempatkan dibawah <head> atau diatas </head> , lalu hapus script tersebut jika masih ada.

  <script async='async' data-ad-client='ca-pub-1111111111111' src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>

4. Kemudia masuk ke Tata letak dimana anda menempatkan iklan anda, cari dan hapus semua kode ini pada script adsense Anda yang berada di widget :


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

sehingga jadinya akan seperti ini:


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

Mempercepat Loading Blog dengan Lazy Load Iklan Adsense

5. Kembali ke EDIT HTML Tema, masukkan kode script lazyload berikut tepat sebelum </body>


<script type='text/javascript'> 
//<![CDATA[ 
var la=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===la||0!=document.body.scrollTop&&!1===la)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),la=!0)},!0); 
//]]> 
</script>

6. Terakhir Simpan dan Selesai, Anda telah berhasil memasang Lazy Load Iklan Adsense Google untuk mempercepat loading blog anda, dan anda dapat menguji kecepatannya pada Google Page Speed.

2. Memasang Lazy Load Ads OnLoad Event

Untuk script yang satu ini memiliki sedikit kekurangan, yaitu iklan tetap akan dimuat pertama kali sehingga perubahan tidak terlalu signifikan tetapi cara ini sangat baik karena masih menggunakan script lama dari google ads.
Cara pemasangannya cukup mudah,
1. Sama seperti cara pertama, hapus semua kode berikut pada script iklan adsense Anda


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

dan juga kode yang mirip seperti berikut ini:


<script async='async' data-ad-client='ca-pub-1111111111111111'
  src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'></script>

2.Kemudian letakkan(Paste) kode berikut ini tepat sebelum </body>


<script type='text/javascript'>
//<![CDATA[
var lazyadsense2 = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense2 === false) || (document.body.scrollTop != 0 && lazyadsense2 === 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); })();
lazyadsense2 = true;
}
}, true);
//]]>
</script>

3. Terakhir Save template dan silakan check kecepatan loading blog Anda.

Manfaat Lazy Load Ads

1. Meningkatkan kecepatan website
2. Menghemat Bandwidth dan Resource Server karena ketika pemuatan gambar hanya akan terbuka ketika viewer memfokuskan pada gambar yang dilihat.
3. Meningkatkan Kecepatan Akses User

Mungkin banyak yang bertanya, apakah pemasangan Lazy load ini aman dan tidak melanggar pedoman dari google adsense ? jawabannya ialah script ini aman, dan sangat dianjurkan oleh google sendiri, serta google sangat merekomendasikan agar setiap blog mempercepat loadingnya.