Minifikasi CSS Online Gratis (dan Beautify)
Minifikasi atau rapikan CSS langsung di browser. Menghapus komentar dan spasi untuk memperkecil ukuran file.
🔒 File Anda tidak pernah meninggalkan browser. Semua pemrosesan dilakukan secara lokal.
Cara minifikasi CSS online
- 1
Tempel CSS Anda
Tempel atau ketik kode CSS Anda di kotak input.
- 2
Pilih Minify atau Beautify
Klik Minify untuk memadatkan CSS, atau Beautify untuk memformat dengan indentasi yang konsisten.
- 3
Salin hasilnya
Hasil muncul di sebelah kanan. Klik Salin untuk menyalinnya ke clipboard.
CSS bersifat render-blocking: browser tidak bisa menampilkan apa pun sebelum semua stylesheet di head selesai diunduh dan diurai. Karena itu ukuran stylesheet langsung memengaruhi First Contentful Paint, terutama di koneksi seluler. Minifikasi CSS adalah optimasi termurah: tanpa pipeline build dan tanpa mengubah kode, cukup file yang lebih kecil dengan tampilan yang persis sama.
Yang dihapus: komentar, indentasi, baris baru, spasi di sekitar kurung kurawal dan titik dua, serta titik koma terakhir sebelum kurung kurawal penutup. Selektor, nama properti, dan nilai tidak pernah diubah, sehingga CSS hasil minifikasi berperilaku sama persis dengan aslinya. Beautify melakukan kebalikannya: mengubah stylesheet produksi menjadi aturan yang mudah dibaca dengan indentasi rapi.
Jika stylesheet Anda besar karena aturan yang tidak terpakai, bukan karena spasi, minifikasi tidak banyak membantu; bersihkan dulu selektor yang tidak terpakai di proses build. Untuk aset lain, JS minifier dan HTML minifier menerapkan ide yang sama pada skrip dan markup.