Minifikasi dan kompres stylesheet CSS secara instan di browser Anda. Hapus komentar, perkecil whitespace, dan kurangi ukuran file. Gratis dan privat.
Mendukung file .css. Atau tempel CSS Anda di atas.
Minifikasi CSS menghilangkan spasi, komentar, dan karakter yang tidak perlu dari stylesheet untuk mengurangi ukurannya sebelum disajikan ke browser. Aturan sebenarnya tidak berubah: stylesheet yang diperkecil membuat halaman identik dengan sumber yang tidak diperkecil. Penghematan berasal dari penghapusan baris baru, titik koma yang berlebihan, komentar, peluang steno warna hex, dan pintasan nol unit (mengganti 0px dengan 0).
Di situs web modern dengan lusinan aturan gaya, pengurangan umumnya adalah 20–40% dibandingkan sumber yang tidak diminimalkan. Dikombinasikan dengan kompresi gzip di server, penghematan marjinal menyusut — gzip sudah mengompresi teks berulang secara efektif — namun kombinasi tersebut masih mengalahkan kompresi saja, terutama ketika stylesheet di-cache dan disajikan berkali-kali ke banyak pengunjung.
Minifier ini memproses CSS dalam sekali jalan, menghapus komentar di luar nilai url(), menciutkan spasi, menghapus titik koma yang berlebihan sebelum kurung kurawal, menerapkan singkatan nol unit, dan mengonversi warna hex enam digit ke bentuk tiga digit jika memungkinkan (#ffffff → #fff). Outputnya tetap berupa CSS valid yang diurai oleh browser mana pun dengan benar.
File CSS yang lebih kecil dimuat lebih cepat dan waktu pemblokiran render berkurang, yang keduanya meningkatkan skor First Contentful Paint dan Largest Contentful Paint. Untuk situs yang Core Web Vitals-nya memengaruhi peringkat penelusuran, setiap kilobyte pencukuran CSS yang memblokir render sepadan dengan usaha yang dilakukan.
Biaya bandwidth juga penting dalam skala besar. Situs yang melayani jutaan tampilan halaman menghemat jumlah jalan keluar yang terukur ketika stylesheetnya 30% lebih kecil. Tagihan CDN, penggunaan data seluler, dan konsumsi energi semuanya sedikit mendapat manfaat. Minifikasi pada dasarnya gratis — langkah pembangunan satu kali tanpa biaya pemeliharaan.
Rekatkan CSS, dapatkan versi yang diperkecil.
Minifikasi CSS sebagian besar merupakan penghapusan spasi kosong secara konservatif. Spasi di dalam penyeleksi, deklarasi, dan nilai dipertahankan jika signifikan; spasi di luar diciutkan. Komentar akan dihapus kecuali dimulai dengan /*! (komentar pelestarian lisensi).
Pintasan umum: 0px, 0em, dan nilai unit nol serupa menjadi 0; warna hex enam digit dengan digit berpasangan (#ffffff, #336699) menjadi tiga digit (#fff, #369); titik koma terakhir sebelum } dihapus. Nama warna tidak dikonversi ke hex secara otomatis karena hex terkadang lebih panjang (panjang merah lebih pendek dari #f00; #ff0000 lebih panjang dari merah).
Output harus melewati validator CSS mana pun yang menerima input. Dukungan browser tidak berubah — minifikasi tidak mengubah aturan itu sendiri, hanya representasi teksnya.