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 saat berkunjung ke sebuah situs website atau blog untuk mencari sebuah informasi tentu-Nya sangat menyebalkan pada saat menemui sebuah website atau blog yang memiliki kecepatan loading yang sangat lambat, karena hal itu dapat membuang – buang waktu, maka dari itu anda sebagai pemilik blog pasti 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 agar pengunjung dapat lebih betah dan nyaman untuk berselancar di blog anda. Ada banyak faktor yang membuat 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 kamu minimalisir agar blog kamu menjadi cepat dan ringan.

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

Pasti anda sangat ingin memiliki blog yang loading nya cepat, nah kali ini saya akan memeberika cara untuk membuat loading blog kamu lebih cepat dari sebelumnya. Yaitu dengan cara memasang lazy load, kenapa lazy load? Karena lazy load dapat memberikan kecepatan pada blog anda agar lebih ringan. Ketika membuka blog anda tentunya memiliki gambar artikel atau yang lain-Nya nah gambar itu tidak akan terbuka pada sampai gamabr itu terlihat di layar, hal itu akan mengurangi loading blog kamu. Okee langsung 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 tepat di atas kode </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:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

4. Kemudai simpan/save dan lihat hasilnya.

Nah bagaimana mudah kan cara memasang lazy load pada blog, setelah kamu menggunakan lazy load pada blog kamu maka blog kamu akan lebih cepat dari sebelumnya dan pengunjung blog kamu akan lebih nyaman untuk mencari informasi 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 menggunakan lazy load js, lazy load gambar, lazy load kompiajaib, cara menggunakan lazyload, lazy load adsense arlina, lazy load kompi ajaib, lazyload mastamvan

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel