Cara memasang Lazy Load Untuk Mempercepat Loading Blog
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'>
//<;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/AVvXsEiOupVWuzPgd7yLVx6zjU1hKd5p9hBqQtBKNuT8ZHHx8ld2iB430rOTPXBo8Ng6SLPez1m0QQVT2_ZxLUAuwbwjv0sTZsX52ABnnkzJSXdT8VN1VaMojKHi5JOdzpyl-zCqK_-qWVHT7UP3/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