Cara Memasang Script Lazyload Pada Blogspot - Hallo sahabat Kumpulan Tutorial Terbaru, Pada Artikel yang anda baca kali ini dengan judul Cara Memasang Script Lazyload Pada Blogspot, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel Tutorial, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Cara Memasang Script Lazyload Pada Blogspot
link : Cara Memasang Script Lazyload Pada Blogspot

Cara Memasang Script Lazyload Pada Blogspot

Cara Memasang Script Lazyload Pada Blogspot - Lazyload adalah kode script untuk mempercepat loding blog dalam memuat suatu halaman dalam website, fungsi Lazyload sangat berguna untuk blog yang sangat lambat dalam memuat suatu halaman website yang lodingnya cukup lama.

Kecepatan loding dalam blog sangat di perlukan untuk salah satu optimasi dalam mengoptimalkan kecepatan blog dalam PageSpeed Insights. Untuk kalian para blogger yang memerlukan kecepatan loding blog agar lebih ringan lagi dalam lodingnya dan untuk mengoptmalkan kecepatan loding blog kalian, kalian boleh mencoba memakai script Lazyload ini dan lihat perbedaannya setelah memakai script Lazyload sebelum dan sesudahnya.


Cara Memasang Script Lazyload Pada Blogspot

1. Buka akun blogger kamu.

2. Pada menu navigasi sebelah kiri pilih tema > edit html.

3. Lalu cari kode </body> dan paste kan kode di bawah ini tepat di atas kode </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(){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. Lalu simpan perubahan.


Sekarang lihat hasilnya kecepatan loding blog kalian sudah lebih baik dari yang sebelumnya.

Semoga pada artikel Tips dan Tutorial kali ini membahas tentang Cara Memasang Script Lazyload Pada Blogspot dapat membantu kalian semua yang sedang membutuhkan.

Terima kasih sudah berkunjung di situs kami dan dukung terus agar kami dapat memberikan artikel-artikel yang bermanfaat untuk kedepannya.

Demikianlah Artikel Cara Memasang Script Lazyload Pada Blogspot

Sekianlah artikel Cara Memasang Script Lazyload Pada Blogspot kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Cara Memasang Script Lazyload Pada Blogspot dengan alamat link http://pikirgue.blogspot.com/2018/03/cara-memasang-script-lazyload-pada.html

Tweet