Lazy Load Adsense Mempercepat Loading Blog Terbaru - Panduan Blogger -->


Panduan Code
Panduan Code Saya menyediakan berbagai tutorial pemrograman, info teknologi, internet marketing, dan lain-lain.

Lazy Load Adsense Mempercepat Loading Blog Terbaru

Daftar Isi [Tampil]

    Lazy load Adsense adalah trik untuk menunda load javascript dari Adsense yang dapat mempercepat loading blog, karena load javascript adsense ditunda sampai ada akfitas scroll blog.

    Perlu kalian ketahui penggunaan Javascript eksternal akan memperlambat loading blog, karena harus menunggu response server dari Javascript eksternal tersebut dan menunggu load filenya selesai.

    Lazy Load Adsense

    Lalu bagaimana dengan blog yang sudah mempunyai Adsense?, tentu blog yang sudah mempunyai Adsense menggunakan Javascript eksternal.

    Dan apabila kalian cek page speed insights blog yang sudah mempunyai Adsense pasti akan mendapat score merah, terkecuali blog yang sudah menggunakan script lazy load Adsense.

    Lalu apakah lazy load Adsense tidak melanggar kebijakan Adsense?


    Untuk jawaban dari pertanyaan diatas silahkan simak baik-baik pada pembahasan dibawah ini.

    Lazy load Adsense tidak melanggar kebijakan Adsense sama sekali, atau bisa dikatakan aman.

    Karena yang melanggar kebijakan Adsense yaitu memodifikasi script iklan Adsense untuk memanipulasi jumlah klik, atau tayangan iklan.

    Sedangkan lazy load Adsense hanya berfungsi untuk menunda load iklan Adsense sampai ada aktifitas scroll pada blog tersebut.

    Coba kalian cek sendiri contoh blog yang menggunakan lazy load Adsense seperti www.panduancode.com, kecepatan blognya sangat cepat dan akun Adsense-nya aman sampai sekarang.

    Dan perlu kalian ketahui juga ada beberapa keuntungan dengan menggunakan lazy load Adsense.

    Penasaran keuntungan apa saja itu, yuk simak pembahasannya dibawah ini.

    Keuntungan Menggunakan Lazy Load Adsense


    1. Mempercepat Loading Blog


    Karena Javascript eksternal dari Adsense ditunda load-nya maka pemuatan iklan juga ditunda, dan hal tersebut dapat mengurangi beban server untuk memuat konten blog kalian.

    2. Adsense Lebih Aman Dari Jingling


    Kenapa dikatakan lebih aman dari jinglink?, karena software atau bot jingling tidak bisa melakukan scroll halaman blog pada saat jingling bekerja.

    Jadi hal tersebutlah yang membuat blog dengan lazy load Adsense lebih aman dari jingling.

    Atau dengan kata lain iklan tidak diload oleh bot jingling tersebut, dan tidak akan mengakibatkan invalid trafict dari jingling.

    3. Tidak Mengganggu Pengunjung Blog


    Dari hasil penelitian yang saya lakukan mengenai pemuatan iklan Adsense ternyata iklan Adsense yang pemuatan (load)nya ditunda sama sekali tidak mengganggu pengunjung blog.

    Dan rata-rata pengunjung blog lebih suka dengan blog yang pemuatan iklannya ditunda sampai ada aktifitas scroll, karena beberapa alasan.

    Alasan pertama karena kecepatan loading blog jadi lebih cepat, dan alasan kedua yaitu tidak terjadinya salah klik ketika memuat iklan bersamaan dengan scroll blog.

    Nah sekarang mari kita mulai bahas Cara memasang lazy load Adsense untuk mempercepat loading blog.

    Cara Memasang Lazy Load Adsense Di Blog


    Buka Edit HTML Pada Template


    Buka edit HTML pada template blog kalian, kemudian cari kode </body>, jika sudah ketemu silahkan copy script lazy load Adsense dibawah ini.

    Script Lazy Load Adsense

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

    Kemudian paste script tersebut tepat diatas kode </body>, Script diatas adalah script yang berfungsi untuk menunda load dari Javascript eksternal Adsense.

    Jadi dengan script diatas juga kalian tidak perlu menulisakan kode Javascript eksternal Adsense secara berulang.

    Cukup dengan satu script lazy load Adsense yang ditulis diatas kode </body>.

    Ada satu script lagi agar pemasangan iklan Adsense menjadi lebih mudah, dan mengefektifkan Javascript yang bisa dipersingkat.

    Script Untuk Mengefektifkan Penulisan Kode Adsense Yang Berulang


    Seperti yang kita ketahui bahwa setiap kita membuat slot iklan baru pada Adsense, maka Adsense akan memberikan script yang lengkap, namun jika kalian membuat beberapa slot iklan Adsense dan memasang semua script yang diberikan oleh Adsense tersebut menurut saya kurang efektif untuk penggunaan Javascript.

    Karena banyak script yang sama dan ditulis secara berulang-ulang dan hal teserbut menurut saya kurang efektif, sebab kita bisa meminimalisir penggunaan Javascript Adsense yang ditulis secara berulang dengan hanya menggunakan script dibawah ini.
    
    <script> //<![CDATA[
      for (var ads = document.querySelectorAll('ins.adsbygoogle'), i=0; i<ads.length; i++){
        if (ads[i]) {
          (adsbygoogle = window.adsbygoogle || []).push({});
        }
      }
    //]]> </script>
    

    Dengan script diatas kita dapat mengefektifkan penulisan Javascript Adsense yang berulang-ulang hanya dengan satu script yang simpan setelah kode lazy load Adsense.

    Sebagai contoh script slot iklan yang lengkap dari Adsense seperti dibawah ini.
    
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- sidebar -->
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
         data-ad-slot="xxxxxxxxx"
         data-ad-format="auto"
         data-full-width-responsive="true"></ins>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    

    Kita tidak harus menuliskan semua script yang diberikan Adsense tersebut secara berulang, jadi hapus kode <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>.

    Kemudian hapus juga kode <script>(adsbygoogle = window.adsbygoogle || []).push({});</script> karena penulisannya sudah diotomatisasi dengan script kedua setelah script lazy load Adsense.

    Dan yang perlu kalian tulis atau pasang adalah hanya kode ins-nya saja, contoh seperti kode dibawah ini.
    
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-client="ca-pub-xxxxxxxxxxxxxxx"
         data-ad-slot="xxxxxxxxxx"
         data-ad-format="auto"
         data-full-width-responsive="true"></ins>
    

    Kode ca-pub-xxxxxxxxxxxxxxx adalah id akun Adsense kalian, jadi ubahlah kode tersebut sesuai dengan kode Adsense kalian.

    Lalu kode data-ad-slot="xxxxxxxxxx" adalah kode slot ikan kalian, dan pasti kode setiap slot iklan berbeda jadi sesuaikan dengan kode kalian.

    Dan agar lebih jelas saya mencontohkan membuat slot iklan pada sidebar blog maka penulisannya cukup seperti gambar dibawah.

    Catatan
    kamu tidak perlu kode iklanc karena itu kode css custom untuk blog saya sendiri, jadi hanya class="adsbygoogle" saja.

    Contoh Penulisan Kode Adsense Pada Sidebar Blog

    Nah bagaimana menjadi sangat sederhanakan penulisan kode Adsensenya setelah itu save.

    Namun jika kalian menggunakan iklan Adsense otomatis, maka kalian harus mengedit script-nya seperti pada pembahasan dibawah ini.

    Script Iklan Adsense Otomatis Dengan Lazy Load


    Script iklan Adsense otomatis biasanya dipasang pada Header blog, maka cari script iklan Adsense yang berada di Header blog dan rubah menjadi seperti kode dibawah ini.
    
    <script data-ad-client='ca-pub-xxxxxxxxxxxxxxxxxx'/>
    <script>
      (adsbygoogle = window.adsbygoogle || []).push({
        google_ad_client: &quot;ca-pub-xxxxxxxxxxxxxxx&quot;,
        enable_page_level_ads: true
      });
    </script>
    

    Jika sudah silahkan save kembali template kalian.

    Dan jangan lupa edit semua script slot iklan yang sudah dipasang menjadi kode ins-nya saja yang dipasang.

    Sampai disini kalian sudah mengetahui cara memasang lazy load Adsense untuk mempercepat loading blog.

    Oleh sebab itu cukup sampai disini dulu pembahasan kita tentang lazy load adsense, semoga bermanfaat.

    Dan jika kalian memiliki pertanyaan tentang artikel ini jangan ragu untuk menghubungi admin terima kasih.

    Panduan Code
    Panduan Code  Saya menyediakan berbagai tutorial pemrograman, info teknologi, internet marketing, dan lain-lain.
    Catatan: Hanya anggota dari blog ini yang dapat mengirim komentar.

    Hai

    Klik Kontak Whatsapp Di Bawah Ini Untuk Mulai Mengobrol

    Pemilik Arif NoerWahidin
    +62 821-2654-6564
    Call us to +62 821-2654-6564 from 0:00hs a 24:00hs
    Hai, ada yang bisa saya bantu?
    ×
    Tanya Kami