Developer CSS minifier
Perkecil berkas CSS dengan membuang spasi, komentar, dan titik koma yang tidak perlu, lalu lihat berapa persen ukuran yang dihemat.
Ready. Runs locally on your device.
File Anda tetap berada di perangkat Anda. Alat ini bekerja langsung di browser Anda, menggunakan perangkat Anda untuk memproses file Anda. Tidak ada yang dikirim ke server kami, dan kami tidak pernah menerima, menyimpan, atau melihat file maupun angka Anda.
Bagikan hasil
Kutip
Kutip halaman ini
Reembun. (2026, 31 Juli). CSS minifier. https://reembun.com/id/css-minifier
Cara menggunakannya
Tempel CSS Anda
Masukkan seluruh isi stylesheet. Semua diproses di tab ini, sehingga gaya yang belum dirilis tetap tertutup.
Lihat penghematannya
Ukuran sebelum dan sesudah ditampilkan bersama persentase penghematannya, dan itu menentukan apakah langkah ini layak dilakukan.
Salin hasilnya
Simpan berkas aslinya. CSS terkompresi dibuat untuk disajikan ke pengunjung, bukan untuk disunting kembali.
Yang dibuang
| Bagian | Contoh sebelum | Sesudah |
|---|---|---|
| Komentar biasa | /* warna utama */ | dihapus |
| Spasi antar aturan | selector { | selector{ |
| Baris baru | setiap deklarasi satu baris | disatukan |
| Titik koma terakhir | color:red; } | color:red} |
| Nol berlebih | 0.5rem | .5rem |
| Nol dengan satuan | margin: 0px | margin:0 |
Contoh
Sebelum:
/* Tombol utama */
.tombol-utama {
background-color: #3B82F6;
padding: 0.75rem 1.5rem;
border-radius: 0.5rem;
margin: 0px;
}Sesudah:
.tombol-utama{background-color:#3B82F6;padding:.75rem 1.5rem;border-radius:.5rem;margin:0}Dari 168 byte menjadi 89 byte, penghematan sekitar 47% sebelum kompresi.
Minifikasi dan kompresi bukan hal yang sama
Ini sering tertukar dan berpengaruh pada keputusan.
Minifikasi mengubah isi berkas menjadi lebih pendek, dan hasilnya tetap CSS yang sah.
Kompresi seperti gzip dan brotli dilakukan server saat mengirim, lalu dibuka kembali oleh browser. Berkasnya tidak berubah, hanya cara pengirimannya.
Keduanya bisa dipakai bersama, tetapi hasilnya tidak dijumlahkan. Kompresi sangat efisien menangani pengulangan spasi, sehingga sebagian besar keuntungan minifikasi sudah diambilnya lebih dulu.
| Tahap | Ukuran contoh |
|---|---|
| CSS asli | 100 KB |
| Setelah minifikasi | 72 KB |
| Asli ditambah gzip | 22 KB |
| Minifikasi ditambah gzip | 19 KB |
Selisih baris ketiga dan keempat hanya 3 KB. Bila server Anda sudah memampatkan, minifikasi tetap berguna tetapi jangan menjadi prioritas utama.
Yang lebih berpengaruh daripada ukuran CSS
Untuk situs yang diakses lewat jaringan seluler di Indonesia, urutan dampaknya biasanya seperti ini:
- Ukuran gambar, yang sering menjadi 70% dari berat halaman. Gunakan pengompres gambar.
- Jumlah dan ukuran berkas JavaScript.
- Font yang dimuat dari domain pihak ketiga.
- Baru setelah itu, ukuran CSS.
Privasi
CSS yang Anda tempel diproses sepenuhnya di dalam browser. Tidak ada kode yang dikirim ke server kami atau disimpan di mana pun.
Pertanyaan umum
Berapa besar penghematan yang wajar?
Untuk CSS yang ditulis tangan dengan komentar dan indentasi, pengecilan 20% sampai 35% adalah hal biasa. Setelah dikompresi gzip atau brotli oleh server, selisih antara versi rapi dan versi kecil menyusut jauh, biasanya tinggal 5% sampai 10%, karena kompresi sudah menangani pengulangan spasi dengan sangat baik.
Apakah minifikasi bisa merusak CSS saya?
Alat ini hanya melakukan perubahan yang aman, yaitu membuang spasi berlebih, komentar, dan titik koma terakhir dalam blok. Ia tidak menggabungkan aturan, tidak mengubah urutan, dan tidak menyingkat properti, karena tiga hal itulah yang berisiko mengubah perilaku.
Apakah komentar penting seperti lisensi ikut dibuang?
Komentar yang diawali tanda seru, yang lazim dipakai untuk keterangan lisensi, dipertahankan. Komentar biasa dibuang.
Perlukah minifikasi bila server sudah memakai gzip?
Manfaatnya kecil tetapi tetap ada, dan yang lebih penting adalah waktu penguraian di sisi browser sedikit berkurang. Untuk situs kecil, prioritaskan hal lain seperti ukuran gambar dan jumlah permintaan, yang dampaknya jauh lebih besar.
Apakah kode saya diunggah?
Tidak. Seluruh pemrosesan berjalan di dalam tab browser Anda, sehingga aman untuk CSS milik klien atau kode internal yang belum dirilis.
Terakhir ditinjau
