Cara Memasang Lazy Load Untuk Percepat Loading Blog

Lazy Load merupakan sebuah script isyarat yang bekerjasama bersama proses loading gambar dalam situs blog.

Fungsi dari script lazy load sendiri ialah menghentikan proses loading gambar secara sementara, dan akan dilanjutkan jikalau halaman blog telah di scroll.

Dengan begitu loading laman blog akan lebih cepat, alasannya ialah tak membutuhkan proses load gambar.

Untuk menggunakan script ini juga tak terlalu sulit, kau hanya perlu memasukkan script isyarat lazy load sebelum isyarat epilog </body>.

Untuk lebih jelasnya ihwal cara memasang script lazy load, silahkan ikuti saja caranya dibawah ini:

1. Pertama-tama buka situs blogger.com
2. Pilih Tema>Edit HTML
3. Salin isyarat dibawah ini, sebelum 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()else if(!A.belowthefold(this,c)&&!A.rightoffold(this,c))a(this).trigger("appear")elseif(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"))a.rightoffold(b,c))if(c.placeholder)a(b).attr("src",c.placeholder)elsea(b).removeAttr("src")b.loaded=falseelseb.loaded=truea(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===undefinedvar d=a(window).height()+a(window).scrollTop()elsevar d=a(c.container).offset().top+a(c.container).height()return d<=a(b).offset().top-c.threshold;a.rightoffold=function(b,c)c.container===window)var d=a(window).width()+a(window).scrollLeft()elsevar d=a(c.container).offset().left+a(c.container).width()return d<=a(b).offset().left-c.threshold;a.abovethetop=function(b,c)c.container===window)var d=a(window).scrollTop()elsevar d=a(c.container).offset().topreturn d>=a(b).offset().top+c.threshold+a(b).height();a.leftofbegin=function(b,c)c.container===window)var d=a(window).scrollLeft()elsevar d=a(c.container).offset().leftreturn 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/AVvXsEhv7d1wyp0q0CtQJT4yTGVmxOumAxDnNYnULlUX3UMTI5yk-Sca3VDmBpLeQ4Lj24wil6i_mrX-zD8pxeAkb1tseb12ADxtAYxn4v7ldIFb6d7lKQAlx_WRfl1WZJbpHIoCpwx-UpgHP2g5/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"));//]]></script>

4. Terakhir Simpan Tema, dan cek blog kau buat mengetahui hasilnya

Baca Juga: Cara Membuat Widget Berlangganan/Subscribe Mirip Jalan Tikus

Itu ia cara praktis memasang lazy load pada blog. Script ini memang dapat meringankan loading blog, namun yg perlu kau ketahui merupakan bahwa script ini tak cocok dalam semua template blog.

Baca Juga

• Cara Memasang Lazy Load

Jadi apabila anda telah memasang script lazy load, namun loading blog semakin berat, maka saya sarankan buat menghapus isyarat tadi.