Home Blogger

Mempercepat Akses Blog Menjadi Ringan

ANDD
ANDD
Updated: • 0 • min read
Table of Contents
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%.

Jika pada web atau blog sudah banyak di embed script sebagai contoh Javascript di dalamnya, solusinya adalah melakukan metode Asynchronus loading (Async).

Mempercepat Akses Blog Menjadi Ringan

Misalnya seperti terdapat script berikut pada template Anda:

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

Beri kode async pada script bagian akhir &lt;/head&gt;&lt;!--<head/>--&gt;

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

Letakan script tersebut tepat dibawah kode <head>

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

Selain cara diatas tersebut, Anda 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/AVvXsEiWLlsFvHNMzL4LU_NE_wYfw4qoNRELxvzueFCwq6hWYFFM4YZBNrN1aHLmoAidKh2r4CDeI9Ibhwny-4aFinbkKODrIJgNfYozb6l-oDNFrWYH2ZfQn16TzQ3MbVZ_yRAv5t5AWybLD9RH/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 &lt;head&gt;

Langkah berikutnya adalah dengan cara, cari kode <b:skin><![CDATA] ganti dengan kode dibawah ini:

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

1. Cari kode ]]></b:skin> ganti dengan kode </sytle>

2. Cari kode </head> ganti dengan &lt;/head&gt;&lt;!--<head/>--&gt;

3. Kemudian cari kode <html> ganti dengan kode di bawah ini:

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

Mungkin itu saja yang bisa tulis pada artikel kali ini bagaimana cara mempercepat akses blog agar menjadi ringan. Lebih dan kurangnya artikel ini akan saya update di lain waktu.

ANDD
ANDD Daily workers

Post a Comment