ASYA.COM

Tempo hari saya sudah memposting bagaimana Cara mempercepat waktu loading web blog secara umum. Kali ini saya akan membagikan tips yang sama namun dengan alat yang berbeda, yaitu dengan menggunakan Script, tentunya script untuk HTML. Tips ini saya dapatkan dari blog-nya teman. Seperti kita ketahui, komponen yang biasanya memperlambat loading blog yaitu, Gambar, Audio, Video dan jumlah widget yang ada dalam blog kita. Prinsip script ini yaitu meminimalisasi loading gambar. Dengan memasang script ini di blog anda, niscaya blog anda akan lebih cepat diload di browser. Kalau tidak, ya silahkan di buang saja.

<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/AVvXsEirVYh0I2qaeT0cgFKYeB05SLyR84U_aHVu_8G51-iUQAU09PwKdx_TtvGCF2SKsA2G3WNXc63a2ESVzpNA8OiHRviSp0lIH1UWNVgXX0vd8LlEKVySDNmEriaBegQmFQcJLMSx1RrmELk/s1600/truebloggertricks.blogspot.com.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

Silahkan anda cek kembali hasilnya, apakah sudah cukup mempercepat waktu loading web ataupun blog anda. Sedikit tips dari saya, sebaiknya sebelum memasang script ini di blog anda, hitung dulu berapa lama waktu loading blog anda. Anda bisa menggunakan SpeedTest-nya iWebTool, atau juga bisa menggunakan Stopwatch. Kemudian terapkan script dalam blog anda. Lalu hitung lagi waktu loading blog anda setelah dioptimasi. Jika waktu loading blog anda semakin cepat, berarti anda berhasil. Jika ternyata sama saja atau malah makin lambat, ya silahkan di buang saja scriptnya. Jangan dibiarkan, malah akan memperlambat nantinya. Tapi dari uji coba saya hasilnya cukup positif dan cukup membantu. Demikian saja tips saya kali ini, silahkan dipraktekkan langsung. 

Sumber : akangrifan.blogspot.com. 

Semoga bermanfaat buat anda !