Cara Mempercepat Akses Blog Menjadi Ringan

Pada umumnya kecepatan membuka blog, dapat meningkatkan traffic kunjungan untuk meraih pendapatan dengan angka yang signifikan.

Durasi waktu peningkatan akses 0,1 detik saja dapat meningkatkan pendapatan sebanyak 1%. Nah, pada artikel kali ini saya akan membahas cara mempercepat akses blog agar menjadi lebih ringan.

Jika pada web atau blog sudah banyak di embed script sebagai contoh JavaScript didalamnya, solusinya adalah melakukan metode Asynchronus loading (Async). Misalnya seperti terdapat script berikut pada template sobat.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'/>

Beri kode async pada script bagian akhir

</head>

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js' async/>

Atau menyimpan script tersebut didalam template, dengan cara buka alamat url "http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js" pada browser.

Letakan script tersebut tepat dibawah kode <head>

<script type="text/javascript">
/* Isi File JavaScript di Sini */
</script>

Selain cara diatas tersebut, sobat juga bisa menyematkan script lazyload, menempatkan script ini bisa mengurangi 0,3 hingga 1 detik.

Caranya buka template, edit HTML lalu letakan script tersebut sebelum kode </body>

<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/AVvXsEgyvVsrw0Z1jGYZ0XhdU8ITPjRlHkgoyyCTG5genm3EN40d6dLyw4E7ccLW71ZVePgN7McBKL3r2PGlYXTD80GHYwLR2E-UJkAfU4PEWivrEPQC3ZIBqI0TGvtbs60dLan9EdZxHkGGYRN1/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

Menggunakan CSS widget

Faktor yang mempengaruhi kecepatan blog atau website adalah kode bawaan template. Sobat bisa melakukan dengan cara memodifikasi dengan cara berikut:

Login ke dashboard blogger
Klik theme, edit HTML
Cari kode head, lalu ganti dengan kode ini <head>

Langkah berikutnya adalah dengan cara dibawah ini:

Cari kode berikut <b:skin><![CDATA] lalu ganti dengan kode dibawah ini:

&lt;style type=&quot;text/css&quot;&gt;
&lt;!-- /*<b:skin><![CDATA[*/]]></b:skin>
<style type='text/css'>

Lalu cari kode ]]></b:skin> ganti dengan kode </sytle>
Cari kode </head> ganti dengan kode ini </head>
Lalu cari kode <html> ganti dengan kode ini:

<HTML expr:dir='data:blog.languageDirection'>

Baiklah sobat. Mungkin itu saja pembahasan pada artikel kali ini cara bagaimana mempercepat akses blog agar menjadi ringan.

Cara Mempercepat Akses Blog Menjadi Ringan

0 Response to "Cara Mempercepat Akses Blog Menjadi Ringan"

Post a Comment