Mempercepat Loading Blog dengan Plugin Jquery Speed Lazy Load

Mempercepat Loading Blog dengan Plugin Jquery Speed Lazy Load
Source image: bolanasional.co
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

Sebenarnya metode cara mempercepat loading blog sudah saya tulisakan dengan mengetengahkan beberapa artikel. Sebut saja misalkan cara mempercepat blog dengan menghapus CSS Bundle. Namun begitu, Anda bisa menggunakan metode berikut ini:

1. Masuk akun blogger
2. Pilih template > salin dan tempatkan kode plugin JQuery Lazy load di bawah ini di atas kode </body>
<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.

1 Response to "Mempercepat Loading Blog dengan Plugin Jquery Speed Lazy Load"

Hanya sebagian kecil komentar yang disetujui. Jangan membuang waktu Anda jika hanya untuk melakukan "spam" di Forum Blogger Indonesia ini. So, komentar yang Anda tuliskan menunjukkan tingkat kualitas diri Anda.

Salam blogger

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel