Cara Mempercepat Loading Blog Dengan Menambahkan JQuery

Mempercepat loading blog

Sungguh sangat disayangkan jika artikel blog anda sudah onepage google akan tetapi orang-orang yang ingin masuk sangat susah dikarnakan loading blog anda lambat atau lemot, tentunya orang-orang pun akan menekan tombol kembai dan mencari arrikel lainnya yang sama dengan loading cepat atau ringan.

Tentunya untuk mempercepat loading blog atau website selain dengan cara mengcompress template blog, template premium yang responsive, penggunaan gambar yang size kecil dan mengurangi jumlah widgate ada cara lain untuk membuat blog atau website menjadi ringan dan cepat.

Salah satunya ialah menambahkan jQuery pada blog, tentunya dengan menambahkan jQuery pada blog akan membuat blog atau website anda akan lebih ringan dan cepat. Sebelum menambahkan jQuery pada blog silahkan anda cek terlebih dahulu kecepatan blog anda di PageSpeed insights milik google. Untuk apa, untuk mencari tahu kecepatan blog anda sebelum dan sesudah menggunakan jQuery.

langkah pertama silahkan copy script di bawah terlebih dahulu.

<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/AVvXsEgeX-hTselpQe-Db2pHvezSJEl3CVN5tVTNLmCSkz7Zi9FBI_dCigNbmufZZHo7WxEZYA7cNM00dO24jTSXBP_hmLj_onhrrGXCdcU9jP4m4_WbQOEgwBv-MOQtjQZB3HbYAFpQctTu2ZI/h120/lazy+image.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

jika sudah silahkan masuk atau login ke blog anda.

1. Pilih Tema
2. Pilih Edit HTML
3. Cari </head> gunakan CTRL F untuk mempermudah pencarian
4. Pastekan script jQuery tepat di atas </head>
5. Klik save atau simpan.

Jika sudah, cek kembali kecepatan loading blog atau website anda di PageSpeed insights. Maka jangan terkejut bila blog anda sudah 2 atau 3 kali lebih cepat loadingnya. Demikian tutorial bagaimana cara mempercepat loading blog dengan menambahkan jQuery pada blog supaya blog atau website lebih ringan dan cepat.

Share this post