Cara Kompres CSS untuk meringankan loading blog

Cara Kompres CSS untuk meringankan loading blog - Sesuai dengan janji saya sebelumnya dalam bahasan “Cara Kompres HTML untuk Meringankan Loading Blog”, bahwa saya juga akan membahas tentang cara meringankan loading blog dengan meng-kompres CSS. Untuk kali ini kita akan melakukan compress CSS. Tetapi sebelum itu alangkah baiknya jika kita mengenal dulu apa yang dimaksud dengan CSS ini. Berikut penjelasan CSS secara singkat.
Cara Kompres CSS untuk meringankan loading blog

Cascading Style Sheet atau CSS adalah suatu aturan untuk mengendalikan komponen sebuah situs web atau blog untuk membuatnya seragam dan ter-struktur. Pemakaian CSS ini secara umum adalah untuk mem-format tampilan sebuah web yang ditulis dengan bahasa HTML dan XHTML dan CSS bukan bahasa program. Jadi pada intinya CSS membuat tampilan blog lebih manis dan sedap dipandang mata.

(?) Apa fungsi dari CSS.
Secara umum fungsi dari CSS adalah:
  • Membuat warna teks
  • Mengendalikan gambar
  • Membuat warna table, background, teks, ukuran border, warna hyperlink, dan warna mouse over
  • Untuk mengatur spasi dan margin (kiri, kanan, atas dan bawah)

Penulisan CSS selalu diawali dengan format <style type=”text/css”> dan diakhiri dengan end tag </style>

(?) Bagaimana cara kompres CSS?

Masuk pada bahasan inti, kita akan bahas langkah-langkah untuk kompres CSS. Tool yang digunakan adalah tool online yaitu dengan memakai jasa cssdrive. Berikut beberapa hal yang harus Anda lakukan:
  1. Masuk ke blogger
  2.  Pilh menu template dan backup template Anda
  3. Klik edit HTML dan cari kode <b:skin><![CDATA[  dan blok kode tersebut sampai kode ]]></b:skin> 
  4. Setelah itu copy dan masuk ke http://cssdrive.com

Setelah Anda masuk ke situs tersebut anda akan ditampilkan kotak dialog dan beberapa pilihan atau cara yang ingin Anda lakukan, saya hanya menyarankan cara dibawah ini:
  1. Pada pilihan Compression mode centang LIGHT
  2. Pada pilihan Comment Handling centang Don’t Strip Any Comments
  3. Pastekan kode CSS tadi ke kotak Insert CSS dan pencet Compres it.
  4. Copy hasil kompresan tadi dan letakan ditempat semula
  5. Simpan template Anda

Sekarang test blog Anda, jika sukses Anda tidak akan menemukan error html dan blog Anda akan ringan. Jika terjadi eror itu karena kesalahan anda tidak mendengar saran saya untuk mem-backup template anda.
Previous
Next Post »
0 Komentar

Ajukan Pertanyaan Anda Disini?