Selamat Datang Di Blog Read Cyber
Terima kasih atas kunjungan Anda di blog Read Cyber,
semoga apa yang saya share di sini bisa bermanfaat dan memberikan motivasi pada kita semua
untuk terus berkarya dan berbuat sesuatu yang bisa berguna untuk orang banyak.

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.
Next
« Prev Post
Previous
Next Post »

5 komentar

mantap dah artikelnya saya mau coba kawan

Balas

terima kasih,sangat bermanfaat

Balas

terimakasih telah berbagi informasi yang menarik dan bermanfaat sekali
di tunggu informasi selanjutnya, sukses terus

Balas

Mas mau nanya,,, kalo mempercepat loading blog dengan mengatur expired header gimana ya??

Balas

Peraturan Berkomentar

► Komentarlah Sesuai Topik Artikel
► Dilarang Menggunakan Kata yang Mengandung SARA dan Sejenisnya
► Dilarang Membuat Link Aktif
► Berkomentarlah yang Baik

Terima kasih atas kunjungan anda, Selamat Berkomentar.

▁ ▂ ▃ ▄ ▅ ▆ ▇ █ █ ▇ ▆ ▅ ▄ ▃ ▂ ▁

Copyright © 2013 - . Read Cyber - All Rights Reserved | Template Created by Kompi Ajaib Proudly powered by Blogger | DMCA Protected