Perlukah Mengompres CSS?

Cascading Style Sheet (CSS) adalah susunan kode skrip yang memiliki kemampuan mengendalikan beberapa komponen situs agar bentuknya terstruktur dengan baik. Letak CSS ini umumnya berada antara  dan .

Penulisan kode skrip CSS pada umumnya seperti di bawah ini:

/* Content
———————————————– */
body {
  font: $(body.font);
  color: $(body.text.color);
  background: $(body.background);
  padding: 0 $(content.shadow.spread) $(content.shadow.spread) $(content.shadow.spread);
  $(body.background.override)
}

Dengan mengunakan MS-Word akan di dapat keterangan bahwa penulisan tersebut menghasilkan perhitungan:
Jumlah baris: 10
Jumlah karakter (dengan spasi): 246
Jumlah karakter (tanpa spasi): 266

Dengan bantuan dari CSS Compressor, maka hasil perhitungan di atas dapat berkurang secara signifikan yang berakibat dengan semakin cepatnya loading.

Untuk memulai, silakan ikuti tautan berikut, http://www.cssdrive.com/index.php/main/csscompressor/ atau http://www.cssdrive.com/index.php/main/csscompressoradvanced/. Sebaiknya Anda memilih yang kedua agar Anda dapat memilih sendiri cara pengompresan CSS.

Penjelasan selanjutnya adalah cara kedua yaitu Advanced mode.

Pada bagian Spaces and tabs, centang kotak Replace multiple spaces with just one space (Mengubah multi spasi dengan satu spasi), Remove space around chars ;:{}, (Menghapus spasi diantara karakter ;:{},) dan kotak Leave space between properties (Tinggalkan spasi di antara properti).

Pada bagian New lines handling pilih Replace multiple empty lines with just one empty line (Mengubah multi baris dengan satu baris).

Pada bagian Comment handling pilih Don’t strip any comments (Jangan menyingkat komentar).

Pada bagian Other options, centang kotak Remove unnecessary semi-colons (Hapus semi-colons yang tidak perlu) dan One command per line (Satu perintah satu baris).

Copy kode skrip CSS yang terletak antara  dan . Paste-kan pada kotak Your CSS code:. Kemudian tekan Compress-it!

Setelah proses selesai, copy hasilnya dan pasang pada blog Anda.

Selamat mencoba!

Perihal justdwijaya
Seorang blogger dari Jakarta yang ingin mencari teman dan peluang bisnis.

Apa Pendapat Kamu?

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: