Cara Mempercepat Loading Blog Adsense Dengan Metode Lazy Load

Iklan 728x90

Cara Mempercepat Loading Blog Adsense Dengan Metode Lazy Load

Cara mempercepat loading blog iklan adsense
Cara mempercepat loading blog Adsense.

Bagi seorang blogger mempunyai blog atau website dengan kecepatan yang baik sudah menjadi keharusan. dan memasang iklan seperti adsense pada blog juga menjadi salah satu keinginan para pengguna blog dengan tujuan untuk mendapatkan penghasilan.

Tapi sering kali kode iklan adsense malah membuat loading blog menjadi berat, apakah kamu pernah mengalami?

Seperti yang kita ketahui bahwa disetiap unit iklan yang dibuat, Google Adsense akan memberikan kode unit iklan untuk dipasang dalam blog agar iklan dapat tampil, namun efek dari kode JS yang diberikan akan memperlambat loading blog sehingga akan berdampak kepada SEO blog.

Iklan adsense memang tidak terlalu banyak mengurangi kecepatan loading blog, tapi pada beberapa kasus pada blog dengan tema / template tertentu bisa berpengaruh cukup besar terhadap kecepatan blog.

Seperti yang dialami juga oleh blog AdiTimes ini yang menjadi agak berat saat loading pertama, karena saat blog dibuka akan membaca kode JS yang banyak terpasang didalam template blog. 

Nah untuk itu pada kesempatan kali ini saya akan berbagi Trik untuk mempercepat loading blog yang telah terpasang kode iklan adsense, yaitu dengan cara menggunakan script Lazy Load untuk adsense yang nantinya iklan hanya akan tampil setelah halaman blog selesai dimuat. Cara ini sangat efektif membuat blog anda menjadi ringan.

Nah bagi sobat yang mempunyai masalah yang sama, anda bisa menggunakan cara berikut ini untuk mempercepat loading blog anda.

Cara Mempercepat Loading Blog Dengan Script Lazy Load Adsense


Langkah Pertama

Coba perhatikan kode iklan adsense berikut ini, biasanya saat membuat kode iklan tampilan kodenya seperti ini:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Iklan Responsive -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-xxxxxxxxxxxxxxxx"
data-ad-format="auto"
data-ad-slot="xxxxxxxxxx"
     data-full-width-responsive="true"></ins>
</script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});

Perhatikan kode yang diberi tanda warna merah diatas. Script itulah yang membuat loading blog menjadi lambat.

Langkah kedua

Temukan semua kode seperti yang diberi tanda warna merah tadi yang terpasang di blog anda.

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

Setelah ketemu silahkan hapus semua kode tersebut.

Langkah ketiga

Letakan script kode Lazy Load Adsense berikut ini tepat diatas kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt; di blog anda dan save.

<script>


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


</script>

Selanjutnya jika anda ingin menambahkan kode iklan di blog anda, anda cukup mengambil kode iklan yang dibawah script js yang saya kasih tanda warna merah diatas tadi, seperti berikut ini:

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

Nah itulah cara mempercepat loading blog iklan adsense dengan script lazy load, silahkan dicoba dan semoga artikel ini bermanfaat.

Baca Juga
SHARE

Related Posts

Subscribe to get free updates

13 comments

  1. Metode loading lazy load boleh juga dicoba, thanks gan;)

    ReplyDelete
  2. nih artikelnya sangat bermanfaat. saya juga sudah pakai lazy load adsense ini pada semua blog saya

    ReplyDelete
  3. Hehehehe. Kalau sdh urusan Edit HTML paling malas Gan. Krn keterbatas ilmu. Jd khawatir salah. Mantaplah Gan

    ReplyDelete
  4. Bagus kk buat yg pemula"nie
    Untuk acuan

    ReplyDelete
    Replies
    1. Terima kasih ya sudah mampir disini, semoga bermanfaat :D

      Delete
  5. Waah perlu banget ini kalo blog aku udah ada ads nya, btw desain blognya keren gan, ringan jugak.

    Salam kenal...

    ReplyDelete
    Replies
    1. Thanks ya sdh mampir disini, semoga semoga bermanfaat..

      Dan Salam kenal kembali :D

      Delete
  6. Mantap, jadi ringan nanti blog saya

    Salam Rizki Skip

    ReplyDelete

Post a Comment