Cara Mudah Memasang Lazy Load Agar Mempercepat Loading Blog

Halo sobat dunia maya sekalian saya akan sedikit membagikan lagi tentang cara memasang kode Lazy Load Agar Loading blog kesayangan kita menjadi cepat, pernah saya ulas juga tentang artikel seperti ini di blog ini tentang Cara Mempercepat Loading Blog dengan Lazy Load Adsense tapi mungkin artikel ini sedikit simple untuk sobat coba kode Lazy Load nya.

Pasti sobat malas jika berkunjung ke website yang berat dan banyak iklan, loading lama dll, nah ini saya coba ingin membagikan sedikit pengalaman yang pernah saya coba trik agar website / blog kesayangan sobat ringan.

Apa itu Lazy Load ??

Lazy Load adalah salah satu optimasi plug untuk meringankan beban loading saat memuat halaman blog sobat. jadi ini akan mempermudah pengunjung untuk berselancar pada blog sobat.

oke lansung saja ke TKP Cara menerapkan Lazy Load 

Buka Tema > Edit Tema > kemudian letakan kode javascript di bawah ini diatas kode </body>

<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBygWocV8MhcU-JeUWQMNQ8iWV0HVeKqBz3oBlaIIDLzGldEJ97DZVxZcbwxMPkfbWT0MGRXKaCPEM9cx7s_iK7g5zC_23FubTb5Zxb5XiSMJthdf1n4bgMg1lZ6cbWGNBK3pjB_FDCox1/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

SIMPAN 

Gimana mudah bukan ? sekian sedikit informasi cara memasang Lazy Load Agar Mempercepat Loading blog semoga bermanfaat bagi sobat blogger semua.

Share this post