Tuesday, October 11, 2011

Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog

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 Cara Mengkompress Blog 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 :



  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[/*  disini kode css yang mau di kompress sampe ]]></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[/*  sampe  ]]></b:skin>
  11. Jika semua sudah selesai jangan lupa Save Templates
  12. Selesai , selamat mencoba untuk Cara Mengkompress Blog CSS Sebagai Upaya Optimasi Blog 

No comments:

Post a Comment