√ Cara Memasang Plugin Lazy Load Di Blogger - Kumpulinilmu.com

Cara Memasang Plugin Lazy Load Di Blogger

Cara Memasang Lazy Load Di Blogger

Cara Memasang Plugin Lazy Load Di Blogger - Memasang plungin lazy load adalah salah satu cara untuk mempercepat loading sebuah blog. Kita tau sendiri, jika blog kita memiliki loading yang sangat cepat maka orang orang tidak akan bosan menunggu sebuah artikel yang hendak dibaca.

Nah kali ini saya akan membagikan sebuah trik agar blog kita menjadi lebih cepat dan ini juga merupakan salah satu cara untuk optimasi blog dengan plugin jQuery Lazy Load yang dapat mengurangi beban ogin sebuah blog.

Nah kalau begitu tidak perlu berlama lama inilah cara memasang lazy load di blog dengan mudah. Silahkan lihat tutorial berikut ini.

Cara Memasang Plugin Lazy Load Di Blogger

Langkah pertama kalian harus membuka Blogger --> Template --> Edit HTML. Nah setelah kalian membukanya, silahkan cari code </body> dan letakan code dibawah ini sebelum code </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:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
Nah setelah kalian menambahkan code tersebut, silahkan kalian cek loading blog kalian. Saya sarankan kalian memakai

  • GTmetrix
  • Google Insights
Nah demikian Cara Memasang Plugin Lazy Load Di Blogger. Kalo ada yang masih belum paham bisa ditanyakan di komentar
Fadjar ID
Fadjar ID Blogger Pemula

1 comment for "Cara Memasang Plugin Lazy Load Di Blogger"

  1. Terima kasih artikelnya, sangat bermanfaat buat blog baru saya di Aurealisa, kunjungi juga ya kak tentang cara Membuat Lazy Load Pada Komentar Blogger

    ReplyDelete

Post a Comment