Cara Mempercepat Loading Blog

Menurut beberapa pakar SEO, blog yang loadingnya kenceng sangat disenangi robot search engine, dalam hal ini adalah robot spider google. Mungkin hanya Master-master SEO-lah yang sangat mengetahui secara detail. Sebagai blogger pemula, Chenk Hasbi [CR] ingin berbagi tentang Tutorial blog di blogspot / Trik dan tips seputar blog diantaranya: Cara Mempercepat Loading Blog.

Performa blog yang loadingnya cepat akan membuat pengunjung semakin betah tinggal di blog anda. Lalu, apa yang harus anda lakukan agar blog anda loadingnya cepat ketika dibuka oleh pembaca dan pengunjung ?

Berikut ini diantaranya Cara Mempercepat Loading Blog anda :

1. Test dulu speed blog anda disini → Mengukur Berat dan Loading Blog, 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://hasbihtc.blogspot.com

hasil:
http://hasbihtc.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 :

hasil:
alt="gambar">

9. Definisikan ukuran tinggi dan lebar gambar pada blog yang bersangkutan.
contoh:

hasil:
height="tinggi gambar" width="lebar gambar">

10. Compress CSS style blog anda.

• Silahkan menuju ke → CSS Compressor

• 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 sampai ]]>

• 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.

Keterangan:

CSS Input: kode CSS anda.
Messages: pemberitahuan hasil optimisasi kompres kode CSS.
Compressed CSS: kode CSS setelah dikompres.
Compression ratio: hasil akhir dari ukuran kompresi.

11. Test lagi speed blog anda disini → Mengukur Berat dan Loading Blog, dan bandingkan dengan data load time sebelumnya untuk blog yang sama.