Cara Memasang Script Lazyload Pada Blogspot

Cara Memasang Script Lazyload Pada Blogspot - Lazyload adalah kode script untuk mempercepat loding blog dalam memuat suatu halaman dalam website, fungsi Lazyload sangat berguna untuk blog yang sangat lambat dalam memuat suatu halaman website yang lodingnya cukup lama.

Kecepatan loding dalam blog sangat di perlukan untuk salah satu optimasi dalam mengoptimalkan kecepatan blog dalam PageSpeed Insights. Untuk kalian para blogger yang memerlukan kecepatan loading blog agar lebih ringan lagi dalam loadingnya dan untuk mengoptmalkan kecepatan loading blog kalian, kalian boleh mencoba memakai script Lazyload ini dan lihat perbedaannya setelah memakai script Lazyload sebelum dan sesudahnya.

Cara Memasang Script Lazyload Pada Blogspot

  1. Buka akun blogger kamu.
  2. Pada menu navigasi sebelah kiri pilih tema > edit html.
  3. Lalu cari kode </body> dan paste kan kode di bawah ini tepat di atas kode </body>

  4. 
    <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:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
    //]]>
    </script>
    

  5. Lalu simpan perubahan.

Sekarang lihat hasilnya kecepatan loading blog kalian sudah lebih baik dari yang sebelumnya.

Semoga pada artikel Tips dan Tutorial kali ini membahas tentang Cara Memasang Script Lazyload Pada Blogspot dapat membantu kalian semua yang sedang membutuhkan.

Terima kasih sudah berkunjung di situs kami dan dukung terus agar kami dapat memberikan artikel-artikel yang bermanfaat untuk kedepannya.

0 Komentar