Contact Details

Pengikut

Get in Post

Tips Mempercepat Loading Blogspot


Inwepo Tutorial - Blog kamu terasa lambat di akses? bila kamu mengalaminya, kali ini penulis ingin berbagi tips untuk mempercepat loading blog khusus pengguna blogger.

Berikut Tutorialnya:

Sebelum melakukan perubahan coba cek terlebih dahulu kecepatan akses blog kamu di situs Web Speed Test

Cara Pertama

1. Masuk ke Blogger --> Templates --> Edit HTML dan Centang Expand Widget Templates.
2. Disarankan Backup terlebih dahulu untuk menghindari kesalahan.
3. Cari kode </head>  dengan tekan (Ctrl + F atau F3)
4. Kemudian salin kode berikut ini tepat di atas kode </head>

  <script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://fast-load.googlecode.com/files/inwepo-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : &quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgnkUVrVWEGYbgzraoSvCeORtelsR_D_VTw-5UgxKqCWuyg01FS6DTGjQ_d74KBHpbSmgo298jtyjL5FeVwfVUo9cmo7GXo91bFUAGu039i7HbI0DVowqbEykzUNyi-_5hXoMwF4aI3SI/&quot;,threshold : 200});
});
</script>

Cara Kedua

1. Kurangi jumlah Widget yang berlebihan seperti jam, animasi, kalender dan lain - lain apa lagi yang berbentuk flash.

2. Meng-compress CSS template blog di situs CSS Compressor, pengaturannya ikuti seperti screenshot di bawah ini:




Masukkan kode CSS template blog yang berada di antara kode <b:skin> dan ]]></b:skin> pada kotak yang di sediakan.

kemudian Klik Compress - it.

Setelah di Compress silakan kembalikan lagi kode yg sudah di compress ke tempat asalnya.

Cara Ketiga

Compress HTML CSS di situs HTML Compressor.

Pilih code type: Blogger


Jika ketiga cara tersebut tidak mengalami perubahan mungkin banyak kode yang error silakan cek di situs HTML dan CSS validator

Contoh hasilnya:

Sebelum

Sesudah

Posting Komentar