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,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://chenk-rahman.blogspot.com/
6. Jangan terlalu banyak menggunakan tanda "-" (dash).
contoh:
7. Lakukan pemanggilan terhadap variabel ($).
contoh:
background: $bgcolor;
8. Gunakan tag "alt" untuk setiap gambar pada blog anda.
contoh :
<img src="URL gambar" alt="gambar">
9. Definisikan ukuran tinggi dan lebar gambar pada blog yang bersangkutan.
contoh:
<img src="URL gambar" alt="gambar" height="tinggi gambar" width="lebar gambar">
10. Compress CSS style blog 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>
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.
Dengan metode di atas maka secara otomatis akan Mempercepat Loading Blog anda.
Selamat mencoba dan semoga bermanfaat.
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://chenk-rahman.blogspot.com
hasil:http://chenk-rahman.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.
- Silahkan menuju ke → CSS Compressor
- CSS Input → Paste source code CSS yang ingin anda kompres di kotak yang disediakan.
- 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.
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.
Dengan metode di atas maka secara otomatis akan Mempercepat Loading Blog anda.
Selamat mencoba dan semoga bermanfaat.