Cara Memasang Lazy Load Untuk Percepat Loading Blog

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

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

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

Untuk memakai script ini juga tak terlalu sulit, kamu hanya perlu memasukkan script isyarat lazy load sebelum isyarat penutup </body>.

Untuk lebih jelasnya perihal 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/AVvXsEhrSg8GDYCfzljnd1ZQSv-hNwXx9Ln8X4YjFqerbx7a94NwSwpIHDHKs7XxhCOBJ35eLVXcdewCdA3__kwrFgYDOqGZE0jr7zORrkRhK6-fGgyNbTg_hCCTacSvzgTi9uYffBeka5yRWuR5/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"));//]]></script>

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

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

Itu ia cara mudah memasang lazy load pada blog. Script ini memang sanggup meringankan loading blog, namun yg perlu kamu 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 aku sarankan buat menghapus isyarat tadi.