Sebelum anda menerapkan tip di bawah ini anda bisa cek dulu kecepatan loading blog anda di link dibawah ini:
Test loading speed pada blog
Oke langsung saja, pada kesempatan ini saya akan memberikan sedikit tips tentang mampercepat loading blog antaralain sebagai berikut:
1. Ukuran dan banyaknya gambar yang kita masukkan kedalam blog baik dalam postingan maupun widget.Namun bila tidak ada gambar ya gimana gitu yach kurang menarik rasanya blog kita, Tapi kalo bisa perkecil ukuran gambar dan gambar secukupnya saja pada blog.
2. hilangkan spasi pada kode html blog yang berlebihan. yang ini cukup signifikan, sudah saya praktekkan.
3. Kurangi script dari pihak ke 3 baik itu berupa widget ataupun kode2 iklan
4. kurangi pemasangan label, gunakan label secukupnya saja.
5. Dengan meng kompres kode css, caranya sebagai berikut:
http://www.cssdrive.com/index.php/main/csscompressor/
6. Dengan meng uplode kode CSS ke hosting gratisan, caranya sebagai berikut:
a. Masuk ke blogger anda dulu
b. Klik tata letak
c. Klik Edit HTML
d. Jangan lupa back up dulu dengan download full (Download Template Lengkap)
e. Anda bisa klik Expand Template Widget atau tidak terserah anda
f. Ambil kode css yang akan anda compress misalnya seperti dibwah ini:
#header h1 {
margin:5px 5px 0;
padding:15px 20px .25em;
line-height:1.2em;
text-transform:uppercase;
letter-spacing:.2em;
font: $pagetitlefont;
}
Anda bisa memilih css lain karena biasanya setiap template berbeda beda
g. Cut kode css anda tadi dan paste ke notepad kemudaian save dengan ekstensi .css misalnya klimak.css
h. Kemuadian upload klimak.css tersebut ke hosting gratisan, saya sih menggunakan google site saja
i. Anda akan mendapat alamat url css anda seperti dibawah ini
http://sites.google.com/site/vimovista/file-cabinet/klimak.css
j. Masukan url seperti dibawah ini
<link href='http://sites.google.com/site/vimovista/file-cabinet/klimak.css' rel='stylesheet' type='text/css'/>
k. Terakhir letakan kode diatas ini setelah kode ]]></b:skin>
l. Save dan rasakan hasilnya,
Referensi alias sumber: Berekperimen sendiri ditambah dari http://www.gusbud.web.id/ dan http://www.illusion-design.co.cc/ dan ada beberapa sumber lain tapi sayang alamatnya saya sudah lupa.
NB: Selalu backup dahulu template kode anda karena bila terjadi kegagalan akan memderita pusing tujuh keliling bila tak ada backup
Anda bisa test kecepatan blog anda setalah di edit bandingkan dengan sebelum dieditdi link berikut ini:
Test loading speed pada blog
.
Related Article:
0 comments:
Post a Comment