Compress CSS

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.

Apa itu CSS?
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 :
  1. Login ke Blogger lalu pilih Lay Out dan klik Edit HMTL

  2. Jangan lupa backup template dulu dengan Download Full Template , siapa tahu nanti malah berantakan.

  3. Cari kode CSS nya , biasanya terletak antara kode :<b:skin><![CDATA[/*  dan  ]]></b:skin>

  4. 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. 

  5. Jika sudah baru kita masuk ke CSSdrive.com untuk mengkompresnya, disitu akan ada kotak bertuliskan Insert CSS Code

  6. Copy CSS yang tadi disimpan di Notepad tersebut kemudian pastekan ke kotak Insert CSS Code.

  7. 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)


  8. Klik Compress it yang ada dibawah kotak tersebut
  9. 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%)

  10. Copy hasil compress tersebut dan pastekan ke tempatnya semula yaitu antara : <b:skin><![CDATA[/*  dan  ]]></b:skin>
  11. Jika semua sudah selesai jangan lupa Save Templates
  12. Selesai , selamat mencoba untuk Compress CSS Sebagai Upaya Optimasi Blog

Posting Komentar

0 Komentar