Hidup akan terasa lebih indah bila kita saling berbagi... !!

Kamis, 11 April 2013

Cara mempercepat loading blog dengan menggunakan Script

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.
  • Baiklah, berikut cara menerapkan script ini ke blog anda :
  • Login ke Dashboard Blogger dengan akun anda.
  • Buka menu Template, lalu klik Edit HTML ( tidak perlu mencentang opsi Expand template Widget ).
  • Temukan tag </head> ( gunakan tombol Ctrl+F agar lebih cepat).
  • Taruh kode script di bawah ini tepat di atas kode </head> tadi. Kode ini dapat anda peroleh di truebloggertricks.
<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:"http://2.bp.blogspot.com/-qSZoOgvUXnc/UPAdKvmulFI/AAAAAAAAAlk/-etkAoXTe1s/s1600/truebloggertricks.blogspot.com.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>
  • Klik tombol simpan.
  • Dan beres !!
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. 


Semoga bermanfaat buat anda !
Share:

0 komentar:

Posting Komentar

Silahkan tinggalkan komentar jika ada yang ingin sobat tanyakan termasuk informasi BROKEN LINK !! Mohon tidak memberikan komentar spam, berbau SARA dan konten DEWASA.
Terimakasih !

Recent Posts Widget

Komentar

Page View