Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Mempercepat Loading Blog


Beberapa Cara Untuk Mempercepat Loading Blog - kali ini saya akan memberikan beberapa trik cara untuk mempercepat kualitas loading blog saat mengakses laman. mempercepat loading blog dapat meningkatkan kualitas SEO secara otomatis.

Beberapa Cara Untuk Mempercepat Loading Blog
1. Menghapus script yang tidak penting
2. Menggunakan Lazy Load
3. Mengkompres kode dengan Tool CSS Minifier

Menghapus script yang tidak penting
Dengan menghapus beberapa script di blog kamu merupakan cara sederhana untuk mempercepat loading blog kamu. saya sarankan menghapus script atau kode yang tidak dibutuhkan.

Menggunakan Lazy Load
Lazy load merupakan jQuery untuk meringankan beban loading saat memuat halaman blog. Masukan kode dibawah ini sebeelum kode </body> pada blog kamu.



<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(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/AVvXsEh1mDgLgkvLdYzGWrTmuCJQRL0UrB2sAlM1CWhdvslKZK6XeOOng39J1WnT7oSHjt0G57rVSrqVfI_NOKbUdp6AU6GGuaNREnsBKeCgZJOZdhLMtpGeVWeynY3Q5DRIioUeWKHxfjP7b5Ut/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

Mengkompres kode
Mengkompres kode sangat efektif untuk mempercepat loading blog karena dengan mengkompres kode pada template blog kamu tidak perlu untuk menghapus kode atau script yang menurut kamu tidak perlu. Untuk mengkompres kode kamu membutuhkan Tool CSS Minifier dengan cara copy semua kode pada template blog kamu kedalam Tool CSS Minifier kemudian klik Kompres. setelah itu ambil kode tersebut dan masukan kembali ke template blog.

Sekian Cara Mempercepat Loading Blog dari saya. Semoga apa yang saya tulis disini bermanfaat untuk anda. Terimakasih dan selamat mencoba

Posting Komentar untuk "Cara Mempercepat Loading Blog"