Tutorial kali ini akan membahas Cara Mempercepat Loading Blog.Mungkin Sobat pun merasakan betapa berat nya loading blog sobat sa'at membuka Blog sobat sehingga lama untuk membuka nya.Menurut para ahliSEO,loading blog yang sangat enteng atau kencang sangat di sukai oleh robot search engine.Dan bukan hanya itu saja,Performa yang loading blog nya sangat kencang sangat di sukai oleh pengunjung blog dan pengunjung blog semakin betah berdiam lama-lama di blog Sobat.
Kita mulai saja Tutorial Cara Mempercepat Loading Blogini.
Untuk mengetahui berapa berat loading Blog sobat,silahkan menuju ke http://www.iwebtool.com/speed_test?
Setelah sobat mengetahui Barat Loding Blog nya,silahkan catat agar nanti bisa mengetahui setelaha mengikuti cara ini berapa berat loding nya.
Saran dari saya kalu memang loading blog sobat berat,harap kurangi penggunaan witgate/gadget, musik, video, flash, animasi, slideshow, dsb. terkecuali jika blog sobat memang membutuh kan nya.
Bukan hanya itu saja,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.
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).
Akhiri dengan tanda "/" (slash) untuk semua link yang terdapat pada blog anda.
contoh:
http://Ironehtc.blogspot.com
hasil:
http://Ironehtc.blogspot.com/
Lakukan pemanggilan terhadap variabel ($).
contoh:
background: #cccccc;
hasil:
background: $bgcolor;
Gunakan tag "alt" untuk setiap gambar pada blog anda.
contoh :
<img src="URL gambar">
hasil:
<img src="URL gambar" alt="gambar">
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">
Compress CSS style blog anda.
Silah kan menuju Ke CSS Compresor
CSS Input ----> Copy kan kode CSS blog sobat di bagian kolom yang sudah di sediakan.
Jika sobat tidak mengtahui kode CSS blog sobat,silahkan ikuti cara di bawah ini.
- 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.
Setelah selasai,silahkan sobat Tes kembali Speed blog anda kembali di sini http://www.iwebtool.com/speed_test?.
sobat bandingkan kecepatan nya setelah melakukan cara ini dan sebelum melakukan.
Itu saja Info dari saya,semoga bermanfa'at
Kita mulai saja Tutorial Cara Mempercepat Loading Blogini.
Untuk mengetahui berapa berat loading Blog sobat,silahkan menuju ke http://www.iwebtool.com/speed_test?
Setelah sobat mengetahui Barat Loding Blog nya,silahkan catat agar nanti bisa mengetahui setelaha mengikuti cara ini berapa berat loding nya.
Saran dari saya kalu memang loading blog sobat berat,harap kurangi penggunaan witgate/gadget, musik, video, flash, animasi, slideshow, dsb. terkecuali jika blog sobat memang membutuh kan nya.
Bukan hanya itu saja,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.
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).
Akhiri dengan tanda "/" (slash) untuk semua link yang terdapat pada blog anda.
contoh:
http://Ironehtc.blogspot.com
hasil:
http://Ironehtc.blogspot.com/
Lakukan pemanggilan terhadap variabel ($).
contoh:
background: #cccccc;
hasil:
background: $bgcolor;
Gunakan tag "alt" untuk setiap gambar pada blog anda.
contoh :
<img src="URL gambar">
hasil:
<img src="URL gambar" alt="gambar">
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">
Compress CSS style blog anda.
Silah kan menuju Ke CSS Compresor
CSS Input ----> Copy kan kode CSS blog sobat di bagian kolom yang sudah di sediakan.
Jika sobat tidak mengtahui kode CSS blog sobat,silahkan ikuti cara di bawah ini.
- Login ke akun Blog sobat
- Pilih Klik Rancangan kemudian pilih Edit HTML
- Jangan lupa centang Expand Template Widget (saya menganjurkan sebelum melakukan ini,harap download tempalate sobat terlebih dahulu untuk menghindari kesalahan yang terjadi)
- Setelah itu copy kode CSS nya, kode CSS biasanya terletak di antara <b:skin><![CDATA[ sampai]]></b:skin>
- 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.
Setelah selasai,silahkan sobat Tes kembali Speed blog anda kembali di sini http://www.iwebtool.com/speed_test?.
sobat bandingkan kecepatan nya setelah melakukan cara ini dan sebelum melakukan.
Itu saja Info dari saya,semoga bermanfa'at
0 comments: