Cara Mempercepat Loading Blog dengan Plugin Jquery Speed Lazy Load
Salah satu metode yang bisa sobat lakukan untuk mempercepat loading blog adalah dengan menambahkan plugin Jquery Speed Lazy Load. Plugin ini akan memberikan tambahan amunisi baru terhadap kecepatan loading blog Anda.
Untuk memasangnyapun cukup mudah. Berikut langkah-langkahnya.
Cara Memasang Plugin Jquery Speed Lazy Load di Blog
<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>
3. Save template
Untuk menambah kekuatan kecepatan loading blog Anda, sobat bisa menerapkan lengkah sederhana berikut ini:
- Jangan gunakan file image (gambar) terlalu besar. Bila mana perlu lakukan compress terhadap ukuran gambar tersebut.
- Jangan menggunakan widget blog yang tidak terlalu penting, misalnya data statistik, alexa rank, gallery gambar dll (menyesuaikan kebutuhan saja).
- Jangan menempatkan file video berlebihan (dengan ukuran besar). Tips ini hanya berlaku pada blog personal tanpa berhubungan dengan blog film. Jika memang hendak memasang file video, lakukan langkah yang benar. Simak selengkapnya.
Demikian informasi tips SEO blog, khususnya cara mempercepat loading blog dengan menggunakan plugin JQuery speed Lazy Load.
Semoga dengan menggunakan tips SEO ini, blog Anda bisa menjadi cepat, seperti halnya Mas Rio Haryanto yang akan membawa nama Indonesia di kancah F1 di dunia. Semoag berhasil Mas Rio. Mari dukung Mas Rio Haryanto, semoga sukses.
Semoga bermanfaat. Salam.
bodo tukang copas