Compress CSS untuk meringankan blog

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 : (tekan ctrl + F)
  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 :
  11.  Jika semua sudah selesai jangan lupa Save Templates
  12. Selesai , selamat mencoba untuk Compress CSS Sebagai Upaya Optimasi Blog
  13. Jika mau tahu Seberapa Berat Blog Sobat, Klik aja disini
Share:

4 komentar: