Percepat loading blog dengan lazy load

Lazy load adalah sebuah kode script yang berfungsi untuk membantu mempercepat loading sebuah blog ketika diakses dengan cara menunda tampilan gambar ataupun iklan beberapa saat sampai proses loading blog tersebut selesai.

Sebenarnya masih banyak elemen lain yang berpengaruh terhadap kecepatan loading sebuah blog,untuk itu sangat penting bagi para blogger dalam menjaga kecepatan loading blog yang dikelolanya. Hal tersebut bukan tanpa alasan,karena jelas sekali jika loading sebuah blog sangat lambat sudah barang tentu para pengunjung akan beralih ke blog lain yang menyuguhkan tofik pembahasan yang sama.

Satu hal yang paling penting adalah periksa jaringan internet di wilayah kalian,karena seberapa cepatpun loading sebuah blog jika jaringan internetnya lemah ditambah kondisi kuota yang sudah menipis mau habis siap-siap saja tensi darah naik gara-gara loading terus 🤗.

Walaupun begitu...!! berusaha untuk tetap memberikan yang terbaik bagi para pengunjung blog adalah hal yang perlu diprioritaskan oleh para blogger.

Sekarang kita kembali ke pembahasan awal yaitu bagaimana cara memasang kode script Lazy load di blog.

Langkah pertama silahkan copy kode script di bawah ini

<script type='text/javascript'>//<![CDATA[

(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://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

Selanjutnya silahkan log in ke akun blogger kalian kemudian pilih menu tema lalu klik edit html.

Cari kode </body> dan tempatkan kode script tersebut tepat di atasnya kemudian klik simpan.

Lihat hasilnya pada tampilan blog kalian,jika gambar dan iklan muncul belakangan setelah proses loading selesai berarti kode script yang sudah kalian pasang 100% bekerja.