jendelablog.wordpress.com

budiscyan weblog area's

Memeriksa, Menghapus dan Mengoptimasi File CSS

Memperhatikan CSS
itu ternyata penting lo….

Artikel ini terinspirasi dari notes yang beberapa waktu lalu saya tulis di trickmp. dari salah satu problem yang saya hadapi ternyata terletak pada penulisan CSS yang tidak valid dan non-support untuk semua browser.

satelah tau lebih jauh ternyata merapikan CSS itu penting sekali. Sadarkah anda bahwa CSS juga mempunyai berat dan berpengaruh pada load page di site kita? saya belum lama menyadari itu alangkah bodohnya saya.

Meminimalkan ukuran CSS dianggap sebagai cara yang baik untuk meningkatkan kecepatan loading site. dengan mengurangi file CSS dengan beberapa kilobyte, server akan mengambil waktu yang lebih singkat untuk memuat dan menghasilkan lebih cepat halaman web.

Beberapa metode yang paling umum digunakan untuk meminimalkan / mengoptimalkan stylesheet CSS melibatkan menghilangkan selector yang tidak digunakan, spasi yang tidak diinginkan, tab dan komentar.

Ada beberapa tool yang bisa digunakan untuk mengoptimalkan CSS anda, diantaranya:

Untuk Memeriksa CSS

W3C CSS Validator
Langkah-Langkah untuk melakukan validasi :

1. Kunjungi http://jigsaw.w3.org/css-validator/

2. masukan alamat source CSS kita misalkan

http://multiply.com/style/custom/shadowbox/38.css

lalu tekan check untuk melakukan proses validasi

3. Proses selanjutnya anda bisa melihat validasi dari css anda.

4. Perbaiki CSS yang tidak valid di Customize CSS.


Add-On Firefox CSS Validator
Untuk membuatnya lebih mudah bagi Anda dalam memvalidasi kode CSS, ada ekstensi Firefox, CSS Validator yang dapat Anda instal pada browser Anda. Setelah terinstal, Anda dapat dengan mudah untuk memeriksa dengan cepat kode Anda dengan meng-klik kanan mouse.

Menghapus Kode CSS

Dust-Me Selectors
Dust-Me Selectors adalah ekstensi Firefox yang menemukan selektor CSS yang tidak digunakan pada halaman yang Anda lihat. Anda kemudian dapat menghapus selector tersebut dari stylesheet Anda.

Optimasi dan Mengkompres Kode CSS

CSS Tidy
CSS Tidy adalah sebuah perangkat lunak open source yang dapat Anda gunakan untuk mengoptimalkan dan meng-kompres file CSS Anda. Ini tersedia dalam format .exe dan format skrip zipped php. Apa yang dilakukan CSS Tidy terutama adalah menghapus komentar, spasi yang tidak perlu dan mengubah beberapa kode untuk singkatan.


Tinggalkan Balasan

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

Information

This entry was posted on 19 Desember 2010 by in artikel.

Kategori

Blog Statistic

  • 21,292 hits

Contact

%d blogger menyukai ini: