Memasang jQuery Untuk Mempercepat Loading Blog

Memasang jQuery Untuk Mempercepat Loading Blog - Selain desain Template yang anda modifikasi sehingga terkesan menarik, hal utama yang disukai pengunjung atau pembaca adalah kecepatan loading halaman blog anda, bagaimana tidak sekalipun anda menyisipkan pernak-pernik di blog yang menurut anda pasti terlihat menarik bagi pengunjung, tetapi untuk melihat itu semua membutuhkan waktu yang cukup lama untuk membuka halaman blog anda. Lalu apakah pengunjung akan menunggu.?..hemm..jawab sendiri ya..!! hehehe...

Banyak cara yang perlu kita ketahui untuk mempercepat loading suatu halaman di blog, salah satunya hindari penggunaan background gelap pada template, dan masih banyak lagi yang pastinya dilain waktu akan saya bahas di artikel selanjutnya.
Untuk lebih memaksimalkan loading blog anda bisa menerapkan dengan Memasang jQuery Untuk Mempercepat Loading Blog, kode script yang kita gunakan jQuery Lazy Load, dengan jQuery ini anda bisa manfaatkan agar proses loading gambar tampil lebih cepat dan maksimal dari sebelumnya, karena waktu yang dibutuhkan untuk menunggu proses loading halaman adalah proses dalam memuat gambar.

Memasang jQuery Untuk Mempercepat Loading Blog akan dapat meminilisir untuk mempercepat proses loading gambar akan tampil lebih awal, sedangkan untuk loading gambar lain pada halaman blog akan terlihat saat halaman tersebut kita scroll. Detailnya jQuery Lazy Load memiliki fungsi untuk menampilkan gambar pada halaman blog terlebih dahulu terbuka dengan cepat.
Sebelum anda memasang jQuery ini, ada baiknya cek kecepatan loading halaman blog anda terlebih dahulu, lalu bandingkan setelah anda memasangnya untuk mengetahui apakah jQuery Lazy Load dapat bekerja maksimal pada blog anda.

Berikut Tutorial Memasang jQuery Untuk Mempercepat Loading Blog

1. Login ke- Blogger
2. Copy kode jQuery berikut, dan Pastekan pada Template blog anda
3. Diatas atau sebelum kode penutup </head>

<script type='text/javascript'>//<![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/AVvXsEg0pa4IxypRXotQ6h4rf2zC4VKCK06AvuxJj1qNa9-2kwOoMEIi3Lnu-zLKvAzWzt0r4q_uBYvhFnEBlmikoJL6QXa9mM5jui1tXPklc04BOFHkbY5E6OQkLFsU6mRoo_-XT-OtejzQ2To/h120/lazy+image.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

Update -
Cek kembali kecepatan loading halaman blog anda, jika angka speed load berubah, maka saya ucapkan anda berhasil Memasang jQuery Untuk Mempercepat Loading Blog.

Semoga bermanfaat dan Happy blogging to All.

sumber: http://sahabatblogger77.blogspot.com/