Perkecil ukuran CSS Anda
Setiap byte CSS harus diunduh dan di-parse sebelum halaman dapat ditampilkan, sehingga stylesheet yang lebih kecil berarti first paint yang lebih cepat, Core Web Vitals yang lebih baik, dan lebih hemat kuota internet. Minifier CSS ini menghapus spasi dan komentar, serta menerapkan optimasi struktural — menggabungkan aturan yang duplikat, menyingkat kode warna, dan menghapus nilai yang berlebihan — sehingga stylesheet Anda menjadi sekecil mungkin tanpa mengubah tampilan halaman.
Fitur
- Penghapusan spasi dan komentar.
- Penyingkatan nilai: warna, angka nol, satuan, dan ketebalan font.
- Optimasi struktural: menggabungkan selektor yang duplikat dan menghapus deklarasi yang tertimpa.
- Komentar lisensi (
/*! … */) dapat dipertahankan jika diperlukan. - Perbandingan ukuran dalam byte dan persen.
- Privasi terjaga: berjalan sepenuhnya di browser Anda.
Sebelum dan sesudah
.card .title {
font-weight: bold;
color: #333333;
}
.card .title {
font-size: 1.25em;
}
menjadi
.card .title{font-weight:700;color:#333;font-size:1.25em}
Kapan harus melakukan minify
Lakukan minify CSS sebagai bagian dari proses build production Anda, dan simpan kode sumber yang mudah dibaca di version control. Sebagian besar framework dan bundler melakukan ini secara otomatis; alat ini sangat praktis untuk perbaikan cepat, tema CMS, template email, widget tersemat, dan proyek tanpa langkah build.
Alat terkait
Minify script dengan JavaScript Minifier, buat style secara visual dengan Box Shadow Generator dan CSS Gradient Generator, atau format JSON dengan JSON Formatter.