Minifier HTML, CSS dan JavaScript

Minify atau rapikan HTML, CSS dan JS dan lihat byte yang dihemat, juga setelah gzip.

Language

Action

Names are never shortened, and line breaks that automatic semicolon insertion relies on are kept.

Size
475 B → 355 B (−25.3% saved)
Gzipped
…

Apa yang dilakukan

Tempel HTML, CSS atau JavaScript, atau buka file, lalu pilih Minify atau Rapikan. Hasilnya menunjukkan ukuran sebelum dan sesudah, dalam byte dan setelah gzip. Semua berjalan di browser Anda.

Aturan yang aman

Pada JavaScript komentar dan spasi dihapus, tetapi nama variabel tidak pernah diganti; spasi yang penting dipertahankan (a + +b menjadi a+ +b), begitu juga baris baru yang dibutuhkan penyisipan titik koma otomatis, misalnya setelah return. Pada CSS string, url(…) dan spasi di calc() dipertahankan. Pada HTML satu spasi tetap ada di antara elemen inline, dan <pre> serta <textarea> tidak diubah.

Seberapa banyak penghematannya

Setelah gzip penghematannya jauh lebih kecil: pada build development React 19.2, file turun dari 47.219 ke 32.393 byte, tetapi setelah gzip hanya dari 10.755 ke 9.174 byte, sekitar 15 %. Untuk produksi, gunakan minifier bundler Anda, yang juga mengganti nama variabel dan membuang kode yang tidak terpakai. Alat ini cocok untuk potongan kode, template email, atau skrip inline.

Pertanyaan yang sering diajukan

Bisakah merusak JavaScript saya?

Alat ini mempertahankan semua spasi dan baris baru yang mengubah cara kode dibaca, dan diuji dengan memastikan pustaka nyata yang di-minify menghasilkan pohon sintaks yang sama.

Mengapa penghematan setelah gzip lebih kecil?

Gzip sudah memampatkan spasi berulang dengan sangat baik, jadi menghapusnya menghemat lebih sedikit setelah kompresi.

Apakah kode saya diunggah?

Tidak, semuanya terjadi di browser Anda.

Baca selengkapnya

Diperbarui 14 Oktober 2026 · Lainnya di Pengembang