Cara Mempercepat Loading Blog atau Website




Kecepetan loading sebuah blog sangatlah penting karena para pembaca akan merasa terganggu jika blog yang Anda miliki memiliki loading yang sangat lambat. Kenapa loading blog atau website sangat penting?
Jawabannya sangat sederhana, Pembaca menginginkan hal itu. Jika loading blog Anda lebih dari 3 detik maka pembaca akan bosan dan Anda akan kehilangan visitor tentunya. Para pembaca akan beralih ke artikel lain karena ia tidak mendapatkan informasi yang diinginkannya akibat leletnya loading blog Anda.
Berikut ada beberapa cara untuk mempercepat loading blog Anda:
1. Memasang Plugin Lazy Load
Cara pertama yaitu memasang Plugin lazy load pada blog Anda. Dengan memasang lazy load maka loading blog Anda akan lebih cepat. Karena gambar yang ada pada artikel ataupun blog Anda akan dimuat setelah tulisan Anda. Jadi tulisan pada artikel Anda akan tampil terlebih dahulu kemudian gambar.
Lalu bagaimana cara memasang Plugin Lazy Load?
  • Buka blog Anda kemudian pilih Template (Tema).

Cara Mempercepat Loading Blog atau Website, cara mempercepat loading blog, cara mempercepat loading website, cara mudah mempercepat loading blog, kegunaan lazy load, cara memasang kode lazy load, cara memasang plugin lazy load
  • Pilih edit Html.

Cara Mempercepat Loading Blog atau Website, cara mempercepat loading blog, cara mempercepat loading website, cara mudah mempercepat loading blog, kegunaan lazy load, cara memasang kode lazy load, cara memasang plugin lazy load
  • Kemudian cari kode </body> dengan cara klik CTRL + F pada HTML Anda.
Cara Mempercepat Loading Blog atau Website, cara mempercepat loading blog, cara mempercepat loading website, cara mudah mempercepat loading blog, kegunaan lazy load, cara memasang kode lazy load, cara memasang plugin lazy load
  • Pastekan kode dibawah ini.
<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>
  • Lalu lihat hasilnya.
2. Mengecilkan Gambar Yang Berukuran Besar
Pada sebuah artikel ataupun blog tidak akan terlepas dari yang namanya gambar. Gambar ini berguna untuk mendukung artikel Anda agar lebih menarik, biasanya pada sebuah artikel yang tulisannya diatas 500 kata akan diberikan gambar 10-15 gambar.
Hal ini tidak masalah sebenarnya, namun jika ukuran gambarnya terlalu besar akan memperlambat loading pada blog Anda. Cara mengurangi kelambatan ini Anda harus mengubah ukuran gambarnya dengan cara mengkompres gambar tersebut. Yang awalnya 100 kb Anda bisa mengecilkan ukurannya menjadi 70 Kb.
Banyak software untuk mengubah ukuran gambar ini, contohnya saja seperti photoshop dan aplikasi edit foto lainnya. Untuk cara mengecilkan ukuran foto menggunakan photoshop baca disini.
Mungki itu saja cara sederhana untuk mempercepat loading blog Anda. Terimakasih sudah berkunjung pada artikel ini, semoga artikel ini dapat menambah wawasan dan ilmu pengetahuan kita semua. Semoga bermanfaat…

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel