Masih sekitar Berat Blog atau Blog yang Ringan, kali ini tentang upaya agar blog kita gak terlalu berat sehingga Loading Blog nya agak cepat dan salah satu cara untuk itu yaitu dengan mengkompress CSS, untuk itulah kali ini sengaja saya posting tentang Compress CSS Sebagai Upaya Optimasi Blog .
Oh ya kalau ada yang masih bingung dengan CSS, baiklah CSS itu kependekan dari Cascading Style Sheet yaitu sebuah bahasa pemograman atau dokument yang digunakan untuk mendesain atau mengatur tampilan tata letak sebuah halaman web atau blog. Salah satu cara optimasinya adalah dengan mengkompresnya agar ukurannya menjadi lebih kecil , sehingga tidak terlalu membebani loading blog, dengan demikian diharapkan loading blog menjadi lebih cepat lagi karena sizenya telah berkurang setelah di compress. Gitu lho ceritanya….
Langkah atau cara Compress CSS Sebagai Upaya Optimasi Blog adalah sebagai berikut :
-
Login ke Blogger lalu pilih Lay Out dan klik Edit HMTL
-
Jangan lupa backup template dulu dengan Download Full Template , siapa tahu nanti malah berantakan.
-
Cari kode CSS nya , biasanya terletak antara kode :<b:skin><![CDATA[/* dan ]]></b:skin>
-
Kalau CSS nya sudah ketemu tinggal di blok , lalu ambil atau Cut ( klik kanan Mouse anda lalu Cut ) dan simpan dulu di Notepad , akan lebih baik lagi bila notepadnya di save sebagai backup , siapa tahu nanti diperlukan lagi.
-
Jika sudah baru kita masuk ke CSSdrive.com untuk mengkompresnya, disitu akan ada kotak bertuliskan Insert CSS Code
-
Copy CSS yang tadi disimpan di Notepad tersebut kemudian pastekan ke kotak Insert CSS Code.
-
Nanti ada beberapa pilihan seperti di bawah ini : (Untuk pemula sebaiknya pilih Light dan Don strip any comments saja dulu , supaya masih tetap terbaca jika nanti kita mau utak-atik-utek CSS lagi).
Compression mode: (?)
Light
Normal
Super Compact
Comments handling: (?)
Don't strip any comments
Strip ALL comments
Strip comments at least chars long (NOT counting line breaks within comment)
- Klik Compress it yang ada dibawah kotak tersebut
- Tunggu sebentar sampai proses compress selesai , kalau dah selesai dibawahnya suka ada keterangan seperti ini :
Compression results
Original size: 14487 bytes
Compressed size: 12357 bytes
Savings: 2130 bytes (15%)
- Copy hasil compress tersebut dan pastekan ke tempatnya semula yaitu antara : <b:skin><![CDATA[/* dan ]]></b:skin>
- Jika semua sudah selesai jangan lupa Save Templates
- Selesai , selamat mencoba untuk Compress CSS Sebagai Upaya Optimasi Blog
- Jika mau tahu Seberapa Berat Blog Sobat
sumber http://saungweb.blogspot.com/2009/10/compress-css-sebagai-upaya-optimasi.html
