Lompat ke konten Lompat ke sidebar Lompat ke footer
Beranda / Blogger / Tutorial

Tips Mempercepat Loading Blog Dengan Jquery Lazy Load

Cara mempercepat loading blog kali ini adalah dengan memakai script jQuery Lazy Load Plugin. Mungkin anda meraskan bahwa blog anda terasa sangat lambat sehingga Anda akan kehilangan pengunjung alasannya beban blog terlalu lambat yang menciptakan blog lambat. Pengunjung akan suka blog anda kalau blog anda memliki artikel yang bermanfaat tentunya dengan loading blog yang ringan. Pada kesempatan kali ini aku akan menjelaskan cara mempercepat loading blog dengan script jquery lazy load. Fungsi dari script ini untuk meringankan loading blog sehingga tidak perlu memerlukan banyak waktu untuk membuka blog Anda. Langsung saja, Bagaimana cara memperceoat loading blog ?
Silahkan simak tutorial dibawah 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)&amp;&amp;!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("").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().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://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

  1. Login ke Blogger
  2. Klik Template => Edit HTML
  3. Cari isyarat </head> (gunakan ctrl+f untuk mempercepat pencarian)
  4. Copy isyarat javascript diatas
  5.  Letakkan isyarat javascript sebelum isyarat </head> atau diatas </head>
  6. Klik Simpan Template
Kini loading blog anda bertambah ringan sehabis anda Copy-kan isyarat diatas, agar bermanfaat bagi anda semua.