Cara Mempercepat Loading Blog Dengan Memasang Script Lazy Load

Baiklah sobat kali ini aku akan coba membagikan Tutorial blogger lagi yaitu: Cara Mempercepat Loading Blog Dengan Memasang Script Lazy Load, Script Lazy Load ialah salah satu trick yang sudah banyak di terapkan di banyak sekali penggunaan template blog untuk mempercepat loading dikala situs laman di muat, Script lazy load ini bekerja pada gambar yang nantinya akan di muat secara berurutan sehabis situs laman anda sepenuhnya sudah di muat gres gambar ini akan di muat dengan cepat.

Script lazy load ini sangat di sarankan bagi pengguna situs blog yang mempunyai kecepatan loading yang lambat dikala di muat, dengan memasang script lazy load ini blog akan menjadi lebih ringan dari sebelumnya, namun script ini juga mempunyai imbas kekurangan yang dapat menawarkan imbas tidak berjalanya script lain, maka dari itu sangat di sarankan sebelum anda memasang script lazy load ini pastikan anda sudah melaksanakan backup terlebih dahulu terhadap template yang anda gunakan.

Cara Memasang Script Lazy Load Pada Template Blog

Memasang script lazy load ini sangatlah mudah, mari ikuti langkah-langkah pemasanganya dibawah ini☺
1. Silahkan anda buka Blogger>Template>Edit Html, bila sudah muncul list aba-aba HTML template silahkan kini anda cari aba-aba </body> kemudian copy pastekan aba-aba di bawah ini sempurna di atas aba-aba </body> tadi, untuk mempercepat pencarian silahkan klik tombol

CTRL

pada keyboar anda.

 <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/AVvXsEj-mK-gfrj9KpcDCBTEIlQM-mCgzs6J2OZDYgXSIuUw97CTGa_F_b_lTNfD-tKkhpDAeqdRopvpjEq5sQ3TR9kZMREbX8r7iheNqidevJooZJuco_5IQJjwSR4dhLFzNaGncSzEAvdmZh0/s1600/Bannerku.png",effect:"fadeIn",threshold:"-50"})}); //]]> </script>

2. Jika sudah silahkan kini save/simpan template kemudian coba check dengan membuka situs blog anda, atau dapat juga sebelum anda memasang script lazy load di atas untuk mengetahui apakah ada peningkatan kecepatan nilai loading blog anda silahkan check terlebih dahulu memakai tools check online saran gunakan Tools online GTMatrix.
Mungkin sampe di sini dulu nantikan warta menarik seputar blogger hanya di blog ini. terimakasi