Monday, March 26, 2012

Percepat Loading Blog anda





Buat yang punya blog yang agak lalod. Ada beberapa hal yang harus diperhatikan agar blog teman-teman tidak lalod. Kan percuma tampilan cantik kalau cekepatan aksesnya lambat.

Cara-caranya sebagai berikut:
1. Test dulu speed blog anda disini →ukur berat dan loading akses blog anda, kemudian catat load timenya.

2. Kurangi penggunaan widget/gadget seperti musik, video, flash, animasi, slideshow, dsb. Kecuali kalau blog anda memang memerlukan atau membahas hal itu, tetapi tempatkan secara proporsional dan jangan sampai terlalu memberatkan.

3. Optimasi gambar yang digunakan dengan cara memperkecil (mengkompres kapasitas file) atau mengganti format file yang digunakan (GIF, JPG, PNG) yang sesuai, maksudnya perhitungkan kejernihan dan kejelasan sebuah gambar dengan tetap memperhatikan besarnya file gambar tersebut. Bisa sobat lakukan dengan berbagai Software Compress Image Resize.

4. Hapus atau setidaknya kurangi life link atau URL lain yang terlalu berat pada blog anda, di mana URL tersebut memiliki loading time yang besar (lambat dibuka).

5. Akhiri dengan tanda "/" (slash) untuk semua link yang terdapat pada blog anda.
contoh:

http://katakanhey.blogspot.com
hasil:
http://katakanhey.blogspot.com/

6. Jangan terlalu banyak menggunakan tanda "-" (dash).
contoh:
/* --------- Header Wrapper --------- */
hasil:
/* Header Wrapper */

7. Lakukan pemanggilan terhadap variabel ($).
contoh:
background: #cccccc;
hasil:
background: $bgcolor;

8. Gunakan tag "alt" untuk setiap gambar pada blog anda.
contoh :
<img src="URL gambar">
hasil:
<img src="URL gambar" alt="gambar">

9. Definisikan ukuran tinggi dan lebar gambar pada blog yang bersangkutan.
contoh:
<img src="URL gambar" alt="gambar">
hasil:
<img src="URL gambar" alt="gambar" height="tinggi gambar" width="lebar gambar">

10. Compress CSS style blog anda.

  • CSS Input → Paste source code CSS yang ingin anda kompres di kotak yang disediakan.
- Login ke akun Blogger anda.
- Klik Rancangan, kemudian pilih Edit HTML.
- Centang Expand Template Widget (saya anjurkan download dahulu template anda).
- Setelah itu copy kode CSS nya, kode CSS biasanya terletak di antara <b:skin><![CDATA[ sampai ]]></b:skin>

  • Paste di kotak yang telah disediakan.
  • Klik tombol Compress.
  • Klik tombol Select All.
  • Copy-pastekan kode CSS hasil kompres di template anda.
  • Klik Simpan Template.

0 comments:

Post a Comment