CSS Minifier

Dampak restrukturisasi

Selain menghapus whitespace, minifier memperpendek nilai (#ffffff menjadi #fff, 0px menjadi 0) dan menggabungkan rule. Dua selector dengan deklarasi identik digabung menjadi satu rule, dan deklarasi dapat dipindahkan antar-rule jika cascade mengizinkannya. Karena itu, output tidak mengikuti urutan source Anda, dan pencarian selector mungkin menemukannya tergabung dengan selector lain. Untuk membaca hasilnya, perluas dengan formatter CSS.

Komentar lisensi dipertahankan

Komentar biasa dihapus, tetapi komentar yang diawali /*! dipertahankan. Ini adalah konvensi yang digunakan library untuk pemberitahuan hak cipta dan lisensi yang harus ikut bersama kode, jadi tulis pemberitahuan tersebut dalam bentuk itu agar file yang diminifikasi tetap mematuhinya.

Minifikasi juga menghapus hubungan antara output dan source. Developer tools browser hanya dapat memetakan CSS yang diminifikasi kembali ke aslinya melalui source map, yang dibuat oleh tool build dan tidak dibuat oleh halaman ini. Jadi, simpan file yang mudah dibaca sebagai file yang Anda edit.

Cara menggunakannya

1. Tempel CSS.
2. Pilih Minify CSS.
3. Salin atau download stylesheet yang sudah dioptimalkan.

Privasi & batasan

CSS tetap di browser Anda. Uji hasilnya terhadap kebutuhan visual dan dukungan browser sebelum deployment.