Cara Memasang Lazy Load Untuk Mempercepat Loading Blog

Cara memasang Lazy Load Untuk Mempercepat Loading Blog Cara memasang Lazy Load Untuk Mempercepat Loading Blog
Cara memasang Lazy Load Untuk Mempercepat Loading Blog - Pada ketika berkunjung ke sebuah situs website atau blog untuk mencari sebuah isu tentu-Nya sangat menyebalkan pada ketika menemui sebuah website atau blog yang mempunyai kecepatan loading yang sangat lambat, sebab hal itu sanggup membuang – buang waktu, maka dari itu anda sebagai pemilik blog niscaya tidak ingin kehilangan pengunjung di karenakan kecepatan blog anda yang super lemot.

Baca Juga: Cara Membuat Widget sticky Yang Mengikuti Scroll Pada Blog

Anda sebagai pemilik blog harus memperhatikan kecepatan blog anda semoga pengunjung sanggup lebih betah dan nyaman untuk berselancar di blog anda. Ada banyak faktor yang menciptakan kecepatan loading blog menjadi lambat di antaranya tempalate yang di gunakan, gambar yang terlalu banyak, widget yang banyak dan lain – lain, nah semua itu harus kau minimalisir semoga blog kau menjadi cepat dan ringan.

Baca Juga


Baca Juga: 4+ Faktor yang Mempengaruhi Page Speed Sebuah Blog

Pasti anda sangat ingin mempunyai blog yang loading nya cepat, nah kali ini aku akan memeberika cara untuk menciptakan loading blog kau lebih cepat dari sebelumnya. Yaitu dengan cara memasang lazy load, kenapa lazy load? Karena lazy load sanggup menawarkan kecepatan pada blog anda semoga lebih ringan. Ketika membuka blog anda tentunya mempunyai gambar artikel atau yang lain-Nya nah gambar itu tidak akan terbuka pada hingga gamabr itu terlihat di layar, hal itu akan mengurangi loading blog kamu. Okee pribadi saja berikut ini cara memasang lazy load.

Cara Memasang Lazy Load di Blogger

1. Login Ke Blogger Kamu
2. Tema > Edit Html > Cari Kode </body> dengan cara menekan ctrl F untuk memunculkan kolom pencarian.
3. Copy Kode di bawah ini kemudian tambahkan sempurna di atas instruksi </head> tadi.

<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/AVvXsEgRxy969tqG15K6lQHWpLOuwy1lzpR-qVZqCU6-lyN4bJemqCgY15PKvVjIBeUATubKPiIJa73yQMWwxkAqdATzVPnyRnqAtqS6wFvNdIMpozdu7_Xklczh6deo3mdciBFwj-dnGXzn-j_T/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

4. Kemudai simpan/save dan lihat hasilnya.

Nah bagaimana gampang kan cara memasang lazy load pada blog, sesudah kau memakai lazy load pada blog kau maka blog kau akan lebih cepat dari sebelumnya dan pengunjung blog kau akan lebih nyaman untuk mencari isu di blog kamu.

Baca Juga: 8+ Cara Meningkatkan Pengunjung Blog Dengan Cepat

Kata Kunci Pencarian
cara memasang lazy load, cara memasang lazy load adsense, cara memakai lazy load js, lazy load gambar, lazy load kompiajaib, cara memakai lazyload, lazy load adsense arlina, lazy load kompi ajaib, lazyload mastamvan


Sumber https://www.bungkill.com/

Artikel Terkait

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel