Pengecil CSS Online

Halaman ini membuka minifier kode dengan CSS yang telah dipilih sebelumnya. Tempelkan lembar gaya, tekan tombol, dan Anda akan mendapatkan satu baris padat: komentar dihapus, spasi diciutkan di sekitar kurung kurawal, titik dua, titik koma dan koma, dan titik koma terakhir yang berlebihan sebelum setiap kurung kurawal penutup dihilangkan.

CSS merespons minifikasi dengan sangat baik karena stylesheet yang diformat sebagian besar berupa lekukan dan komentar — penghematan umumnya berkisar antara 15% dan 40% dari ukuran file. CSS yang lebih kecil berarti browser mulai melakukan rendering lebih cepat, karena stylesheet adalah sumber daya yang memblokir render: setiap kilobyte yang dipangkas dari CSS mempersingkat waktu untuk melakukan pengecatan pertama pada koneksi yang lambat.

Minifier berhati-hati dalam hal ini: string dalam properti konten dan nilai url() disalin kata demi kata, dan spasi di sekitar titik dua tingkat pemilih dipertahankan sehingga kombinator seperti "a :hover" tetap mempertahankan maknanya. Panel ukuran menunjukkan byte sebelum dan sesudah ditambah persentase yang disimpan, dan hasilnya dapat disalin atau diunduh dalam satu klik.