Optimasi Kode CSS dengan Clean CSS

Setelah kemarin saya membahas cara mempercepat loading blog Sobat, karena itu salah satu faktor terpenting selain isi artikel blok kita. Coba misalkan kita mengunjungi suatu blog yg loading nya lama tampa melihat apa isi konten blog itu pasti kita tinggalkan, itu berarti kita akan kehilangan banyak pengunjung yang kira-kira koneksinya agak lamban... maklum seperti saya koneksinya hanya 60an kbps hahhaaaa..

Lanjut... seperti judul artikel ini mengoptimasi kode CSS, ini hanya salah satu cara mempercepat loading blog anda, sebenarnya ada beberapa cara tapi saat ini kita akan membahas bagaimana mengoptimasi kode CSS dengan mengkompres kode CSS tersebut, dengan mengunakan Clean CSS

oke

• Buka webnya http://www.cleancss.com/

selanjutnya copy kode CSS  yang akan kita kompres dan paste di CleanCSS (di dalam kotak CSS Input)

Seperti di gambar bawah ini..

Untuk kolom CSS from URL di kosong kan saja
selanjutnya anda tinggal klik Process CSS

Setelah kode CSS nya berhasil di kompres, Sobat tinggal copy dan paste di template sobat...
gimana mudah kan..

untuk lebih afdol saya akan mencobanya.
misalkan kode CSS nya seperti ini:

 #contohheader {
margin-top : 10px;
margin-right : 5px;
margin-bottom : 15px;
margin-left : 20px;
}

Setelah di kompres akan jadi seperti ini

#contohheader {
margin:10px 5px 15px 20px;
}

dan dari hasil kompres sobati bisa liat berapa persen rasio kompres berkurang

Gimana..?
dari Input 0.103KB setelah di kompres menjadi 0.044KB, dengan rasio kompres 57.3%
jadi terkurang 59 Bytes

Saran saya sebelum bermain-main dengan CSS sobat lebih baik harus "Download Template Lengkap"
biar aman jika terjadi kesalahan.

Selamat mencoba
Untuk meningkatkan kwalitas dan membangun berilah komentar
Salam Blogger