Cara Meningkatkan Secara Optimal Loading Blog Dengan Memasang Plugin Lazyload

Cara Optimasi Loading Blog Dengan Memasang Plugin LazyLoad - Memperhatikan kecepatan loading blog itu merupakan lah yang penting bagi kalian seorang blogger dengan mengoptimasikan blog teman sobat supaya pengunjung segan atau betah mengunjungi blog sobat, jikalau teman mengecek kecepatan loading blog di pagespeed niscaya gambar teman harus di compress biar blog teman kecepatan loadingnya meningkat banyak efeknya diantaranya gambar akan menjadi buram.

Baca Juga : Cara Mempercepat Loading Blog Dengan Menghapus Kode Bawaan Blogger

Pada kesempatan kali ini aku akan share kepada teman cara memasang plugin JQuery LazyLoad pada blog teman untuk meningkatkan secara optimal loading pada blog teman akan meningkat, baiklah eksklusif ke caranya.

Cara Optimasi Loading Blog Dengan Memasang Plugin LazyLoad

Pertama teman masuk terlebih dahulu ke Blogger > Tema > Edit Html lalu copy isyarat dibawah ini dan pastekan sempurna diatas isyarat </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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhURXANsN1PEPELvLBlpuWsh7f4yx4NHpJzRnL3HVk7tHlI0YHNio1A8DfznnelvDu49eeBO4tTHTkvgKxwYF3_FUFqOlb_OvhMmXrIR7C4cLoS9njsQ8f0uQTs2E5PNpc9Et7LwvrtQip5/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})}); //]]> </script>

Jika sudah klik simpan.

Oke sekian yang dapat aku jelaskan tentang Cara Optimasi Loading Blog Dengan Memasang Plugin LazyLoad Terima Kasih yang sudah berkunjung semoga bermanfaat bagi kalian semua.

Bagikan Artikel ini