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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoc3aqbXO8kh0ng6guKgBkl99Fsr4vOUHDlwxPQkTa_v3__QhsBEQCzfpsa_MfU9G9HeC62NKuvX9oofjkhmOaZ-HBEIo7O129_kORMt9AztVKrzW3Yzay1soFqj2AJQZeHL2MbC-sSpco/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 https://pikirgue.blogspot.com/2018/03/cara-memasang-script-lazyload-pada.html
0 Response to "Cara Memasang Script Lazyload Pada Blogspot"
Posting Komentar