Baca juga: Cara Mempercepat Loading Blog dengan Lazy Load Adsense
Jika kalian mau mempercepat loading blog, silahkan baca artikel ini sampai habis.
Cara Mempercepat Loading Blog dengan Lazy Load
Pada artikel ini saya akan mengeshare cara mempercepat loading blog dengan lazy load, ada juga tutorial lain nya cara mempercepat loading blog dengan lazy load adsense.
Baca juga: Cara Membuat Semua Link Otomatis Terbuka di New Tab
Oke, kita lanjut ke tutorial nya ya...
Cara Optimasi Loading Blog Dengan Memasang Plugin Lazy Load
Pertama-tama kalian harus membuka Blogger -> Tema -> Edit HTML, lalu copy kode di bawah ini dan pastekan tepat diatas kode </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/AVvXsEjFpJAfDj8Js8sV-wIKQl5n8CF2QYuPBwEhHlTn9NnBS1mdRRppGDrq6SdH51kpxm1Oi-0XCPKUT-0ayIIAb8Gm3ku7uNjJX4xVbUcwMPr_RcxLOMPZycjOlry7RetNTilnGco4RWPr8fin/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
Jika sudah, klik Simpan.
Baca juga: Cara Mengubah Warna Address Bar Blog Pada Browser Mobile
Nah, begitulah Cara Mempercepat Loading Blog dengan Lazy load. Jika kalian suka dengan artikel ini, kalian bisa memfollow fanpage kita di Instagram (@infinityxsamz).
Penutup
Terima kasih telah membaca artikel Cara Mempercepat Loading Blog dengan Lazy Load, Semoga bermanfaat untuk kalian semua.