Cara Mudah Mempercepat Loading Website Dengan Script Lazy Load


Hiii... Welcome Back To My Blog
Oke kali ini admin Code Gooblok akan membagikan Tips dan Trick mengenai loading blog menjadi fast speed, bagaimana caranya langsung aja Lets...??

Cara Mudah Mempercepat Loading Website Dengan Script Lazy Load - Pertama yang perlu sahat ketahui bahwa di script HTML blog sudah memiliki code script Lazy load lets kita cek dengan, masuk ke bloger - Klik -- Tema - Edit HTML - kemudian cari kode </body>.

Untuk mempermudah klik CRTL+F dan tuliskan kode </body>. Letakan Code Lazy Load tepat diatas Code </body>.
Namun pada code HTML blog Code Gooblok sudah memiliki kode Lazy Load

Jika di blog sobat tidak ada Code script Lazy Load Maka boleh mengcopy code milik Code Gooblok,
<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(){$(".post img").lazyload({placeholder:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTeiw0ryz0CfpuhzyMN4NGELbAVXmJ7GiTFnysmAKaCe76Nv43rxM3VqRhX73ZRtok1MUnke56RuVkj74MkbZM_8k8MdnC215uAlsvjbanTzCsPRN1-gx_h3i5anpXsVq7xwwiezVbbWsj/s640/librayanada.gif",effect:"fadeIn",threshold:"0"})});
//]]>
</script>
Langkah terakhir simpan themplate dan lihat hasilnya. Untuk mengecek kalian bisa cek di webmaster tols sped test Baca Juga "Cara Test Fast Speed Blogspot di Webmaster Tols"

5 Comments

Akhirnya ketemu jugakode untuk memperbaiki kecepatan blog, sy coba dulu bang

ijin Code script Lazy Loadnya gan.mau coba di blog ane


EmoticonEmoticon