Tips Mempercepat Loading Blog Dengan jQuery Lazy Load

Cara mempercepat loading blog kali ini yaitu dengan menggunakan script jQuery Lazy Load Plugin. Mungkin anda meraskan bahwa blog anda terasa sangat lambat sehingga Anda akan kehilangan pengunjung karena beban blog terlalu lambat yang membuat blog lambat. Pengunjung akan suka blog anda jika blog anda memliki artikel yang bermanfaat tentunya dengan loading blog yang ringan. Pada kesempatan kali ini saya 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 kode </head> (gunakan ctrl+f untuk mempercepat pencarian)
4. Copy kode javascript diatas
5.  Letakkan kode javascript sebelum kode </head> atau diatas </head>
6. Klik Simpan Template

Kini loading blog anda bertambah ringan setelah anda Copy-kan kode diatas, semoga bermanfaat bagi anda semua.