Cara Efektif mempercepat loading Blog dengan memasang Script Lazy Load

Optimasi page speed menggunakan Script jQuery Lazy Load ini cukup efektif dalam mempercepat loading gambar dipostingan blog.

Terlalu banyak gambar pada postingan blog menyebabkan loading blog lama dimuat, kecuali kamu menggunakan gambar yang sudah dikompres atau kamu menggunakan gambar Vector.

Untuk mengetahui kecepatan Website atau Blog, gunakanlah Pagespeed Insights atau menggunakan Gtmetrix yang merupakan situs untuk mengecek kecepatan Website.

Super fast

Jika Blog mendapatkan skor kecepatan dibawah 50, itu artinya loading blog lambat dan sebaiknya gunakanlah script Lazy Load berikut ini.

Cara memasang Script Lazy Load di Blogspot (Blogger.com)

Script jQuery Lazy Load

<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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwLqzY4op6W6yLJHukRer3xEiKeKBAqcgIlOod_4Z4hMzfAKkCxgUEN3opkhWb_BX0GbXSnwBbgiZDP6vMAo908G9L8nQUK_Rn_DghsDVKJJ3hpSKDrNwix76KJOS7YB56OEffsy_z7_Qb/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

Cara pasang: Masuk ke Blogger.com > Tema > Edit HTML > Paste Script Lazy Load tepat diatas kode </body> Kemudian Simpan.

Silahkan buka Blog kamu dan juga cek kembali skor kecepatan loading Blog. Bagaimana? sudah terasa cepatkah loadingnya? atau masih sama seperti sebelumnya?

Untuk Live Preview Lazy Load, kamu bisa lihat Blog Lemparlink ini karena sudah dipasang Script Lazy load gambar, dan hasilnya lumayan meningkatkan kecepatan Blog, jadi tidak sia-sia mencoba script ini.

Apa manfaat memasang script Lazy Load di Blog?

Sudah jelas, yaitu untuk meningkatkan kecepatan loading Blog. Selain itu juga ini merupakan optimasi SEO, karena mesin pencari seperti Google suka terhadap Website yang fast loading.

Jadi, dengan menggunakan Script Lazy Load dapat memaksimalkan peringkat di mesin telusur. Tetapi tidak serta merta merubah peringkat Blogmu menjadi page one ranking 1.

Selain itu, pengunjung Blogmu juga akan suka karena tidak harus lama-lama lagi menunggu Blog selesai dimuat.

Amankah jika Lazy Load dipasang pada blog yang ada iklan Google Adsense?

Aman saja, karena ini positif yaitu mempercepat loading Blog

Share this post