Mempercepat Blog : Memasang Lazy Load Adsense on Scroll - Susah Tidur

Mempercepat Blog : Memasang Lazy Load Adsense on Scroll

Mempercepat Blog : Memasang Lazy Load Adsense
Mempercepat Blog : Memasang Lazy Load Adsense - SusahTidur - Aloha bunda eh.. Halo selamat datang kembali di SusahTidur. Pada hari yang mungkin cerah ini saya akan mengukir sejarah tentang Cara Mempercepat Blog : Memasang Lazy Load Adsense on Scroll.

Apa itu Lazy Load Adsense on Scroll? itu adalah salah satu langkah mempercepat muat blog. Cara kerja Lazy Load Adsense on Scroll ini adalah dengan menggulirkan ke bawah nanti baru akan di muat, untuk muat seberapa besar data yang diambil itu sama. Cuma yang di nilai kecepatan dari Pageinsight dan GTmetrix adalah cuma muat halaman awal tanpa menggulirkan kebawah, jadi istilahnya menunda lah.


Dan lagi tutorial ini hanya berlaku untuk kalian yang sudah diterima sebagai Publisher Google Adsense ya. Jadi ya belum diterima semoga cepat diterima ya! dan jangan dipasang dulu scriptnya nanti malah bikin lemot blog sobat. Pemasangan tutorial ini cukup simple hanya menambahkan sebaris Script dan menghapus bagian kode dari iklan adsense baiklah berikut ini caranya Memasang Lazy Load Adsense on Scroll.

Mempercepat Blog : Memasang Lazy Load Adsense on Scroll

  1. Masuk Dashboard Blogger sobat
  2. Masuk menu Tema > Edit HTML
  3. Masukkan Script di bawah ini tepat di atas </body>
    <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="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
    //]]>
    </script>
    Lalu Simpan Tema
  4. Lalu silahkan sobat ambil kode iklan yang disediakan google, lalu hapus bagian Script yang saya tuliskan di bawah ini
  5. <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  6. Bingung? contoh
    Sebelum
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
    <!-- CONTOH -->
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-client="ca-pub-xxx"
         data-ad-slot="xxxxxx"
         data-ad-format="auto"
         data-full-width-responsive="true"></ins>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
    Sesudah
    <!-- CONTOH -->
    <ins class="adsbygoogle"
         style="display:block"
         data-ad-client="ca-pub-xxx"
         data-ad-slot="xxxxxx"
         data-ad-format="auto"
         data-full-width-responsive="true"></ins>
    <script>
         (adsbygoogle = window.adsbygoogle || []).push({});
    </script>
  7. Kemudian tinggal pasang saja dimana tempatnya

Baiklah selesai sudah tutorial Memasang Lazy Load Adsense on Scroll, demo? saya pun juga memakai ini. Jadi selow lah ga perlu diem diem inspect punya saya hihi. Disini saya akan membagikan apa saja yang saya pelajari di dunia blog, tapi insyaallah ya ga semua hihi 


Sekian dan terimakasih telah berkunjung ke SusahTidur, awas jangan ikutan Susah Tidur itu berat kamu ga akan kuat biar aku sadja wkwk.
"Mempercepat Blog : Memasang Lazy Load Adsense on Scroll"
Tampilkan Komentar
Sembunyikan Komentar

Belum ada Komentar untuk "Mempercepat Blog : Memasang Lazy Load Adsense on Scroll"

Posting Komentar

Jangan malu bertanya!

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel