Cara Compress CSS untuk mempercepat Loading Page
http://tutorialbloggermasnoer.blogspot.com/2011/06/cara-compress-css-untuk-mempercepat_71.html
Cara lain mempercepat Loading Page 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 Loading Page, 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, CUT kode CSS diantara kode <b:skin> dan kode </b:skin> pada template tadi.
6. Lalu tinggalkan sejenak, dan jangan ditutup.
7. Silahkan buka www.cssdrive.com, atau KLIK DISINI.
8. Pilih :
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.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.
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, CUT kode CSS diantara kode <b:skin> dan kode </b:skin> pada template tadi.
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.... Anda juga bisa berlangganan artikel-artikel terbaru dari saya, silahkan anda masukkan email pada forum Langganan Via Email yang ada disebelah kanan halaman ini. Jangan lupa luangkan waktu untuk beri komentar ya......, Terima kasih.
Tingkat Keberhasilannya besar ga Om?
BalasHapusSalam.
Kneza Irsyad...., sama-sama... serimg-sering mampir sobat...
BalasHapuskode css nya yang mana saja, apa mulai dari skin sampai akir
BalasHapusanto..., silahkan anda lihat dan fahami pada langkah ke 4
BalasHapusLumayan gan...3% terkompres...makasih tutornya sangat membantu
BalasHapusBitInspiration...., sama-sama...
BalasHapuswah di blog saya ga bisa bro.. dah coba ganti2 mode tetap ada galat.. thx infonya
BalasHapusTerima kasih gan,
BalasHapusIni dia yang aku cari-cari.
Salam Sukses
semoga bermanfaat dan sukses juga buat anda...
HapusTq info-nya....sangat membantu
BalasHapus(Gee http://www.rumahrumahsentulcity.com )
sama-sama, semoga bermanfaat ya...
Hapusbro,ane newbie dan pengen belajar. ane copas artikel sobat dan ane udah ksh link copasaan ane.thanks
BalasHapusSlahkan anda bisa copas, tapi saya sudah cek blog anda dan anda belum menambahkan Link sumber.
HapusSebaiknya tambahkan Link sumber diatas atau dibawah posting, sebagai kontribusi saya buat blog anda. OK...
LANGSUNG ANE COBA GAN,
BalasHapussilahkan....
Hapuskak saya udah pasang bannernya di blog saya
Hapustolong di cek ya kak
makasi sebelumnya
thanks banget om...
BalasHapussudah sya praktekan...
hehehe
Lumayan laah
BalasHapusthanks buat admin
kunjungi balik y
http://dark-animated.blogspot.com/
bagus mas bro postingnya.... inilah artikel yang banyak di cari para blogger pemula seperti saya, trims mas bro...
BalasHapusTerimakasih pencerahannya gan...
BalasHapusTutorialnya sangat bermanfaat.
wahh bisa belajar css ini disini, isin praktekin sob
BalasHapusthanks
Ini dia akhirnya ketemu juga yang dicari, blog ane kan rencananya banyak gambar n foto, ane cobain gan ya. oh iya, makasih gan atas infonya. sukses selalu
BalasHapus