Cara menginstal Jquery lazy loading di Blogger

CandilKuya - Tahukah Anda apa itu jquery lazy loading? Apakah Anda memiliki "skrip pemuatan tertunda" di template Blogger Anda? Jangan khawatir jika belum terpasang, kami akan membagikan teknik jquery lazy loading script untuk meningkatkan kecepatan website atau halaman blog anda, yang artinya ketika anda memasang delay loading pada tema Blogspot maka kecepatan blog anda pasti akan meningkat. 

setelah instalasi Efek instan dari pemuatan. Plugin image lazy loading akan menunda hasil pemuatan gambar, sehingga meningkatkan kecepatan website Anda. Masih banyak cara untuk mempercepat blog.

Namun, plugin ini dapat digunakan secara bersahabat dengan situs web Anda dan template blognya. Jika ada terlalu banyak gambar di situs Anda, dalam hal ini, plugin lazy loading paling baik untuk blog Anda. Pasti akan menjelaskan berbagai cara untuk membuat halaman web dimuat dengan cepat. Jika anda menggunakan banyak grafik pada postingan / artikel anda. 

Faktor penting dari penggunaan teknik lazy loading jquery ini adalah untuk memastikan bahwa kecepatan halaman akan berkurang, jadi dalam hal ini anda perlu meningkatkan kecepatan halaman, anda harus di template blog Instal skrip lazy loading, jadi ikuti saja langkah-langkah yang disebutkan di bawah ini untuk menguasai teknik ini.

Cara menambahkan skrip lazy loading Jquery di template Blogger untuk meningkatkan kecepatan memuat halaman web

langkah-langkah instalasi:

Langkah 1. Masuk ke akun Blogger Anda dan buka dasbor Blogger.

Langkah 2. Sekarang pergi ke Template-> Edit HTML.

Langkah 3. Sekarang, pencarian diakhiri dengan tag </body>, lalu salin kueri j di bawah ini dan tempelkan di atas / sebelum tag </body>.

<script type='text/javascript'>
// Jquery LazyLoad Script www.candilkuya.com
//<![CDATA[
(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/AVvXsEgYCHhYElUokaxvZSndW461TlNJTQG6nRd2nROAfvDsa361_YkusbXP5T4CgXxA6UmfNam01-YmyV6KSZZsS4eIS1MVwpzgFHZqy3WZ_S5Z4kVgHvcUoSLlir4daTH_zi1SGxGFO_eVZN4/s1600/bloggersstand.gif",effect:"fadeIn",threshold:"-50"})});//]]></script>

Penutup :
Itulah Tutorial Sederhana Dari Candil Kuya Tentang Cara menginstal Jquery lazy loading Di Blogger, Selamat Mencoba Dan Lihat Hasilnya.

Cara menginstal Jquery lazy loading di Blogger 5 out of 5