setelah kemaren membahas tentang Panduan Lengkap Membuat Blog di Blogger
kini kita akan membahas tentang Cara Mengurangi Berat Loading Blog
kini kita akan membahas tentang Cara Mengurangi Berat Loading Blog
Cara lain mempercepat Loading Page atau berat blog adalah mengcompress kode CSS.
Selain dapat meningkatkan kecepatan Loading Page, Compress CSS juga bisa menghemat bandwidth.
Cara ini tentu sangat bagus untuk web atau blog kita yang mengalami masalah berat Loading blog , apalagi blog kita yang sudah padat berjejal kode CSS, javascript, jQuery atau muatan artikel, gambar, video ataupun yang lain.
Silahkan anda bisa coba cara ini.
Caranya kita gunakan penyedia layanan tool gratis dari www.cssdrive.com. Hasil Compress CSS tergantung pada tiga tingkat kompresi yang bisa kita pilih.
Bila anda berminat, silahkan ikuti langkah - langkah dibawah ini:
4. Sebelumnya silahkan anda copy kode diantara kode <b:skin> dan kode </b:skin> dan paste pada Notepad, lalu simpan di computer anda, agar lebih aman bila terjadi kesalahan.
5. Setelah tersimpan, Kemudian blok dan POTONG semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
Kalau kurang jelas begini, potong kode mulai dari
<b:skin><![CDATA[ disini mulainya | . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . KODE-KODE CSS. . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . .
sampai disini |
]]></b:skin>
6. Lalu tinggalkan sejenak, dan jangan ditutup.
7. Silahkan buka www.cssdrive.com, atau KLIK DISINI.
8. Pilih :
Catatan :
10. Klik tombol "Compress-it!".
11. Setelah proses compress selesai, dibagian bawah ada keterangan hasil compress.
12. Klik tombol Highlight, Copy kode.
13. Kembali ke Tenplate dan PASTE diantara kode <b:skin> dan kode </b:skin>
14. Simpan Template, dan lihat hasilnya.
OK..., Selamat mencoba ya...
Semoga bermanfaat....
Selain dapat meningkatkan kecepatan Loading Page, Compress CSS juga bisa menghemat bandwidth.
Cara ini tentu sangat bagus untuk web atau blog kita yang mengalami masalah berat Loading blog , apalagi blog kita yang sudah padat berjejal kode CSS, javascript, jQuery atau muatan artikel, gambar, video ataupun yang lain.
Silahkan anda bisa coba cara ini.
Caranya kita gunakan penyedia layanan tool gratis dari www.cssdrive.com. Hasil Compress CSS tergantung pada tiga tingkat kompresi yang bisa kita pilih.
Bila anda berminat, silahkan ikuti langkah - langkah dibawah ini:
1. Login ke blogger dengan ID anda.
2. Klik Rancangan.
3. Dan KLik tab Edit HTML.
4. Sebelumnya silahkan anda copy kode diantara kode <b:skin> dan kode </b:skin> dan paste pada Notepad, lalu simpan di computer anda, agar lebih aman bila terjadi kesalahan.
5. Setelah tersimpan, Kemudian blok dan POTONG semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
Kalau kurang jelas begini, potong kode mulai dari
<b:skin><![CDATA[ disini mulainya | . . . . . . . . . . . . . . . . . . . . . . .
. . . . . . . . . . . . . . . . . . . . KODE-KODE CSS. . . . . . . .
. . . . . . . . . . . . . . . . . . . . . . . . .
sampai disini |
]]></b:skin>
6. Lalu tinggalkan sejenak, dan jangan ditutup.
7. Silahkan buka www.cssdrive.com, atau KLIK DISINI.
8. Pilih :
- Compression mode : Normal.
- Comments handling : Select Don't strip any comments.
- Disarankan menggunakan mode Normal, agar kode CSS tetap bekerja dengan baik.
- Bila menginginkan hasil kompresi yang lebih kecil, anda bisa coba mode
lain. Tapi seperti saya ingatkan diatas, terlebih dulu anda copy dan
simpan dicomputer anda, agar bila hasil tidak sesuai yang kita inginkan,
kita bisa mengulang dengan Mode yang lain.
10. Klik tombol "Compress-it!".
11. Setelah proses compress selesai, dibagian bawah ada keterangan hasil compress.
12. Klik tombol Highlight, Copy kode.
13. Kembali ke Tenplate dan PASTE diantara kode <b:skin> dan kode </b:skin>
14. Simpan Template, dan lihat hasilnya.
OK..., Selamat mencoba ya...
Semoga bermanfaat....
semoga membantu
ReplyDeleteKlo pake mode High, pengaruhnya pada CSS gmna mbak?
ReplyDeletedi CSS Drive ga ada mode high setau saya yang ada cuma 3 pilihan
Delete> Light
> Normal
> Super Compact
kalo memang anda memakai yang lain CSS Drive nya. itu saya belum tau,
atau anda bisa mencobanya sesuai keinginan asalkan di copy dulu CSS punya anda agar jika terjadi eror bisa di kmbalikan dengan mudah
Ijin bookmark dulu. oiya follow balik ya www.bataprak.info :)
ReplyDelete