3+ Cara Pasang Lazy Load AdSense di Blog Terbaru

 3+ Cara Pasang Lazy Load AdSense di Blog Terbaru

DROIDIDE.COM - Kecepatan sebuah situs menjadi salah satu faktor penting yang harus diperhatikan karena berkaitan langsung dengan performa perangkingan situs tersebut di pencarian.

Pendapat ini didukung langsung dengan hadirnya algoritma Google terbaru. Dimana pihak dari Google lebih mengedepankan serta memprioritaskan situs yang memiliki akses halaman cepat ketika diakses oleh visitor.

Jika situs Anda kebetulan saat ini telah dioptimasi perihal kecepatan akses halaman maka kami ucapkan selamat karena bisa jadi situs Anda berkesempatan untuk mendapatkan posisi terbaik di mesin pencarian Google dibaandingkan dengan situs yang berkecepatan lambat.

Salah satu faktor penyebab mengapa akses situs web atau blog Anda terasa lambat adalah bisa jadi karena banyaknya script kode iklan yang terpasang di blog terutama jika script kode iklan tersebut berasal dari Google AdSense yang dinilai memiliki pemuatan iklan yang berat ketika halaman sebuah situs di akses.

Selain mengganggu kenyamanan visitor saat mengakses situs yang begitu lambat. Hal ini juga bisa berdampak pada penurunan rangking situs Anda di pencarian Google secara zcepat atau lambat.

Lalu bagaimana solusinya? Apakah harus mencopot semua kode iklan AdSense yang telah terpasang di situs milik Anda? 

Tentu saja tidak, mencopot kode iklan tidak bisa dijadikan sebuah solusi karena Anda sendiri membutuhkan penghasilan dari iklan yang terpasang pada situs Anda. Namun disisi lain Anda juga tidak ingin jika loading situs Anda menjadi lambat hanya karena disebabkan oleh karena adanya iklan.

Solusi yang terbaik untuk memecahkan masalah ini adalah dengan melakukan pemasangan lazy load AdSense pada blog atau website Anda. Lazy load berguna untuk menunda pemuatan iklan terlebih dahulu sehingga meringankan loading situs Anda.

Oleh karena itu melalui artikel ini kami akan memberikan sebuah informasi lengkap berupa panduan tentang bagaimana cara memasang lazy load iklan AdSense di situs Anda.

Baca Juga: Tips Cepat Mengatasi Penayangan Iklan Dibatasi Oleh AdSense

Apa Itu Lazy Load ?

Secara sederhana Lazy Load merupakan suatu kode script atau plugin yang didesain dan dikembangkan khusus untuk blog atau web dengan fungsi utamanya yaitu untuk menunda perenderan pemanggilan gambar secara otomatis.

Pada prinsipnya penggunaan lazy load pada sebuah situs dapat mempercepat akses halaman yang dimuat tetapi efeknya semua tampilan gambar yang ada akan ditunda untuk sementara waktu.

Selain itu berdasarkan pengalaman dari beberapa teman Blogger yang menggunakan fitur lazy load berpendapat bahwa lazy load merupakan salah satu strategi yang cukup bagus untuk menaikkan kecepatan blog, khususnya bagi pemilik yang blognya telah menampilkan Adsense.

Tak heran jika saat ini Anda sering menemui situs dengan banyak iklan tetapi pemuatan halaman situsnya tetap ringan yang menggunakan lazy load untuk mempercepat pemuatan halamannya.

Meskipun sebenarnya kecepatan blog dipengaruhi oleh banyak faktor seperti template, widget, script yang digunakan pada blog. Namun tetap saja iklan Adsense berpeluang untuk membuat loading blog menjadi lambat.

Sementara itu untuk mendapatkan kecepatan blog yang lebih optimal dan maksimal. Maka Anda dapat mengkombinasikan script lazy load dengan dns prefetch. Lebih lanjut silakan baca Cara Mempercepat Blog Dengan DNS Prefetch.

Cara Kerja Lazy Load Pada Iklan AdSense

Lazy load yang terpasang pada situs Anda akan bekerja secara otomatis dengan cara menunda tayangan iklan Adsense untuk sepersekian detik dan baru kemudian memunculkannya.

Jadi intinya pada proses pertama situs akan memuat informasi berupa data tulisan lalu kemudian data gambar yang dalam kasus ini adalah gambar pada iklan Adsense. Oleh karena itulah loading  halaman situs Anda menjadi semakin cepat pula.

Hal ini justru berbanding terbalik ketika Anda tidak menggunakan lazy load maka situs Anda akan memuat tulisan dan gambar secara bersamaan dan akibatnya loading situs akan membutuhkan waktu yang lebih lama.

Script Lazy Load AdSense di Blog Terbaru

Saat ini ada banyak sekali jenis script lazy load iklan AdSense yang beredar di internet. Termasuk script yang akan kami bagikan melalui artikel ini telah melalui tahap uji coba di situs kami sendiri dan telah terbukti mampu menunda pemuatan iklan AdSense hingga visitor melakukan scroll untuk menjelajahi artikel.

Berikut ini beberapa koleksi script lazy load iklan AdSense yang bisa Anda coba untuk mempercepat loading situs Anda.

Script Lazy Load AdSense Versi Original

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

Ini merupakan script lazy load AdSense yang umum dan sering kita jumpai di internet. Namun meskipun demikian script lazy load ini masih bekerja sebagaimana mestinya.

Script Lazy Load AdSense dengan ID Publisher

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

Untuk script lazy load AdSense yang kedua ini merupakan versi lengkap karena telah support auto ads. Jangan lupa untuk mengganti ID publisher AdSense (xxx) dengan kode publisher AdSense milik Anda sendiri.

Script Lazy Load AdSense Versi Terbaru

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

Ini merupakan script lazy load update terbaru yang bisa Anda gunakan. Update script lazy load kali ini telah disesuaikan dengan kode pustaka java script AdSense yang terbaru.

Panduan Memasang Script Lazy Load AdSense

Untuk memasang script lazy load iklan AdSense ini sangat mudah bahkan bagi pemula sekalipun. Anda hanya perlu memilih salah satu kode script lazy load AdSense di atas. Kemudian silahkan letakkan kode tersebut di bagian </head> atau </body>.

Namun sebelumnya Anda harus memastikan bahwa kode pustaka AdSense yang ada pada template situs Anda telah terhapus semua. Kode pustaka AdSense merupakan kode Javascript bawaan dari AdSense.

Mengapa dihapus? ya karena kode tersebut sudah tidak diperlukan lagi karena akan digantikan dengan script lazy load AdSense yang ada di atas tersebut.

Berikut ini kode pustaka yang harus di hapus dari template situs.

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

Versi Baru
<script async="async" data-ad-client="ca-pub-xxxx" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"/>

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

Jika Anda menemui kode pustaka javascript AdSense maka silahkan dihapus terlebih dahulu sebelum melakukan pemasangan lazy load AdSense pada situs Anda.

Kelebihan dan Kekurangan Lazy Load Iklan Adsense

Untuk kelebihan dari lazy load Adsense adalah kecepatan loading halaman situs akan menjadi lebih cepat dan stabil seperti halnya disaat sebelum terpasang iklan Adsense.

Seperti yang kita ketahui bersama apabila kecepatan loading blog meningkat maka secara otomatis situs tersebut menjadi user friendly terhadap visitor maupun mesin pencari. Visitor akan lebih betah untuk singgah pada blog yang memiliki kecepatan optimal.

Banyak sudah ulasan positif dari para Blogger terkait hadirnya fitur lazyload image ini. Termasuk blog ini Droidide juga menggunakan lazy load untuk optimasi speed terhadap iklan Adsense atau gambar secara keseluruhan.

Dibalik kelebihan pasti selalu ada kekurangan. Ya peribahasa tersebut juga berlaku untuk penggunaan lazy load pada situs Anda.

Kekurangan yang saya maksud disini yaitu untuk beberapa jenis iklan Adsense terkadang tidak mau tayang pada situs kita.

Terserah jika Anda menganggap ini hanya sebagai rumor atau bualan belaka tetapi yang jelas saya sendiri pernah mengalami dimana iklan Adsense menjadi blank (bukan pembatasan) dan hal tersebut baru terjadi beberapa hari setelah memasang lazy load.

Menurut asumsi saya iklan blank ini terjadi karena halaman situs tidak dapat dimuat dengan sempurna sehingga perenderan gambar terhenti begitu saja.

Biasanya kejadian seperti ini sering dialami pada saat mengakses situs di lokasi yang minim jaringan atau low signal.

Akhir Kata

Bagaimana? Cukup mudah bukan cara memasang script lazy load Adsense di Blog. Lazy load secara otomatis akan menambah kecepatan blog dengan cara melakukan penundaan tayangan gambar pada sebuah situs.

Bahkan Google sendiri telah merekomendasikan agar memanfaatkan fitur lazy load untuk digunakan sebagai bagian dari optimasi blog.

Demikian informasi tentang "Cara Memasang Lazy Load Iklan Google Adsense" untuk Blogger atau Wordprees. Semoga dapat dipahami dan diterapkan pada situs Anda masing-masing. Terimakasih.