Cara Memasang Lazy Load Untuk Percepat Loading Blog

Lazy Load merupakan sebuah script arahan yang berafiliasi bersama proses loading gambar dalam situs blog.

Fungsi dari script lazy load sendiri ialah menghentikan proses loading gambar secara sementara, dan akan dilanjutkan kalau 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 arahan lazy load sebelum arahan 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 arahan dibawah ini, sebelum arahan </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 dia 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 arahan tadi.