Jumat, 11 November 2016

Cara Mempercepat Loading Blog Dengan Lazy Load

Cara Terbaru Mempercepat Loading Blog Dengan Memasang Script Lazy Load

Cara Terbaru Mempercepat Loading Blog Dengan Memasang Script Lazy Load - Pada artikel kali ini Alfin Media akan membagikan salah satu cara untuk mempercepat blog yaitu dengan JQuery LazyLoad . Fungsi script ini yaitu meringankan beban loading blog kita saat dimuat. Adapun cara pemasanganya sangatlah simple dan mudah bahkan anak kecil menurut saya bisa " wkwkwk :v ".

Cara Pemasanganya :


1. Buka Blogger > Template > Edit Template " Kemudian kalian cari kode </head> dan taruh script di bawah ini tepat di atas kode </head> tersebut .

<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://lh3.googleusercontent.com/-3UIZvOtFaFs/VuVlQaAxgGI/AAAAAAAABsc/W0vtsd6nU98Z5J0k9G9QBDYkCV6vvKuYw/h120/Preloader_2.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

2. Simpan Template dan lihat hasilnya. Kalian bisa cek di website pengukur kecepatan loading blog.


Jika Script ini malah membuat blog anda semakin lambat dimuat maka sebaiknya jangan dipasang atau jika tidak ada pengaruhnya sebaiknya tidak usah dipasang atau ada masalah lainya hubungi siapa saja " xixixixixi "

Artikel Terkait

Saya ini seorang blogger dari Indonesia yang masih nubie :v , salam kenal dan sehat selalu.