Cara Mempercepat Loading Blog Dengan Menambahkan Script JQuery


Cara mempercepat loading blog dan website
Mempercepat loading blog dengan jQuery

Blog yang mempunyai loading yang lama atau berat tentu sangat berpengaruh besar terhadap kelangsungan blog itu sendiri, salah satunya membuat visitor tidak betah dan akan langsung menekan tombol kembali.



Pada umumnya visitor akan menekan tombol kembli jika loading blog melebihi angka 3 detik, hal ini tentu bisa nerugikan bukan. Ada beberapa cara untuk mempercepat loading blog, salah satunya dengan menambahkan script jQuery ke dalam blog.

Dengan menambahkan script jQuery ke dalm blog anda, maka blog anda akan sangat ringan dengan kecepatan loadingnya bisa 2x bahkan 3x lipat dari keceptan blog anda sebelum di pasang script jQuert.

Sebelum menggunakan cara ini silhkan anda cek terlebih dahulu keceptan blog anda di FAGESPEED INSIGHTS milik google.

Script jQuery Untuk Mempercepat Loading Blog dan Cara Pemasangnannya

Pertama silahkan Copy script jQuery dibawah.

<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/AVvXsEhXPdPHB4JRT6mUq_h-z6Ig43aFWTwmR1a0nETvkVerqqyBnCUM6nSREURy-96osVPCHi7ovtLqzmOcBOVTaEFlEuz4UYep71si3vdTZVeeR_pJAtxfjHcuvYLkzC8HKS7b_6zjqFkTSrc/h120/lazy+image.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

Selanjutnya silahkan buka blog anda lalu pilih TEMA>EDIT HTML lalu letakan Script jQuery yang sudah anda copy sebelum </head> lalu simpan.

jika sudah anda pasang, silahlan ada cek kembali kecepatan blog anda di FAGESPEED INSIGHTS kembali, dan kecepatan loading blog anda akan semakin cepat.


Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel