Cara Mempercepat Loading di Website

Assalamu'alaikum



bertemu kembali dengan saya, pada kesempatan kali ini saya mau membagikan tips agar Loading website anda lebih cepat dari yang sebelum nya. sebenarnya ada banyak cara untuk membuat Loading web anda menjadi lebih cepat salah satu nya seperti yang akan saya sampaikan ke anda semua. oke langsung saja:

Gambar 1.0

nah, kali ini kita memakai LazyLoad dari twisted shape dia ceritanya mau berbagi trik yang merupakan salah satu dari optimasi blog dengan plug In JQuery Lazy Load . oke langsung saja cara nya :

1. anda masuk ke dashboard, lalu ke edit html masukkan kode berikut sebelum </body> . yaa... lalu simpan.

<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/AVvXsEhuUmQ5q43C4849aOPvPWGeBJ_-QLMyOjkd6cm3kCP1VMAcEa2gsQM4_GDI2BbaVDkHnn-7MRKpuXgwILKRVTxJxXZzW1t1WEnDYtBkwhHgtEeLIecjVUt5P-0GbgVqUzLDcgZjfPRfwD59/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

sekarang anda lihat hasilnya apakah lebih cepat atau lambat yang pasti lebih cepat karena saya juga memakai kode tersebut, oke mungkin ini saja yang dapet saya sampaikan kurang lebih nya mohon maaf dan terima kasih.



sumber : www.arlinadzgn.com

Share this post