Cara Mempercepat Loading Blog dengan Memambahkan JQuery Terbaru - Zuigent

Cara mempercepat loading blog

Zuigent - Kebanyakan pengunjung blog atau website sangat membenci jika loading blog atau website itu lambat, pasti para pengunjung akan mencari informasi lain di blog atau website dengan kecepatan loading yang super cepat. Bisa anda bayangkan jika anda sudah membuat artikel yang super SEO dan artikel anda berada di halaman pertama google tapi tidak ada pengunjungnya dikarnakan loading blog atau website anda sangat lemot.

Oleh karna itu kami akan memberi tahu anda bagaimana cara mempercepat loading blog dengan menambahkan script jQuery. Sebelum memasang script jQuery silahkan terlebih dahulu cek kecepatan loading anda di PAGE SPEED INSIGHTS milik google untuk membandingkan sebelum dan sesudah memasang script jQury.

Jikasudah, kita langsung ke pemasangan script jQuerynya agar blog anda ringan dan super ngebut.

1. Login ke blog anda

2. Pilih Tema dan klik Edit HTML

3. Cari kode </head> dan letakan kode script di bawah sebelum </head>, gunakan CTRL-F untuk mempercepat pencarian

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

4. Klik simpan.

Selanjutnya tinggal anda cek kembali blog anda yang sudah terpasang script jQuary di PAGE SPEED INSIGHTS. Maka anda akan mendapatkan loading blog anda akan semakain cepat dari sebelumnya.

Bagikan Artikel ini