2 Cara Paling Ampuh Mempercepat Loading Blog

Saifullah.id - Kecepatan loading blog merupakan salah satu dari sekian banyak faktor yang dapat menaikkan peringkat blog dimata pencarian Google. Loading yang lambat tentu saja akan membuat pengunjung bosan dan tidak betah berlama-lama di dalamnya.

Beberapa survei menunjukkan bahwa pengunjung blog lebih senang mencari artikel atau blog lain yang lebih cepat waktu memuatnya dibanding menunggu lama. Oleh sebab itu seorang blogger wajib memperhatikan dan menjaga agar blog mereka tetap dalam kondisi cepat.

Lalu bagaimana cara mempercepat loading blog tersebut?

Ada 2 langkah paling ampuh untuk mempercepat loading blog, yaitu:

1. Menambahkan kode Lazy Load pada kode Google Adsense

Sudah menjadi rahasia umum bahwa kode iklan dari Adsense sedikit banyak mempengaruhi kecepatan blog. Hal ini disebabkan pada iklan tersebut biasanya terdapat gambar animasi dan video berukuran besar. Terlebih lagi iklan Google Adsense bersumber dari link eksternal yang pastinya akan menyita source untuk bekerja lebih berat lagi mengaksesnya.

Untuk itu kita perlu menambahkan script Lazy Load pada kode iklan Google Adsense.

Cara menerapkan script Lazy Load Google Adsense (iklan)

1. Buka blogger.com
2. Tekan Tema
3. Pilih Edit HTML
4. Letakkan kursor di dalam kotak, lalu tekan tombol kiri mouse 1x. Kemudian tekan Ctrl + F
5. Cari kode berikut dengan cara masukkannya ke dalam kotak search:, lalu tekan Enter.
   <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
6. Hapus semua kode yang kamu temukan sama persis seperti kode di atas. Biasanya jumlahnya sama dengan jumlah iklan yang terpasang di blog kamu.
7. Jika sudah, cari kode </body> biasanya terletak paling bawah.
8. Lalu letakkan kode berikut di atasnya </body>
<script type='text/javascript'> //<![CDATA[ // Lazy Load AdSense 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>
9. Tekan Simpan Tema.

Setelah memasang ini biasanya iklan Adsense tidak akan muncul. Iklan baru akan muncul ketika kita scroll halaman ke bawah. Sekarang coba cek kecepatan blog kamu di Pagespeed Insight atau GTmetrix. Sudah jauh lebih cepat kan?

Jika masih belum terlalu cepat, kita coba masuk pada langkah kedua.

2. Memasang kode Lazy Load Image (gambar)

Jika sebelumnya kita menunda iklan muncul pada di loading pertama, sekarang dengan menggunakan Lazy Load Image ini yang akan kita tunda berikutnya adalah gambar.

Cara Menerapkan script Lazy Load Image

1. Buka blogger.com
2. Tekan Tema
3. Pilih Edit HTML
4. Letakkan kursor di dalam kotak, lalu tekan tombol kiri mouse 1x. Kemudian tekan Ctrl + F
5. Cari kode </body>
6. Letakkan kode berikut di atas </body>
<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLLGsxLevVVBni5HEGxCUQKqEzBejPPOXLVePiRf2MdooBvlSwRPJtinSjvGnuq0BkNr3BDPPgCcy2NKdjHvhqkIslP256HXpHmZ4j3VX6RokNDQREqnPnpwtwQ2w-8u0BIxKiOUo22AMo/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
7. Tekan Simpan Tema

Setelah menerapkan 2 langkah di atas saya yakin loading blog sobat akan semakin ngebut seperti punya saya.