Minifier kode

Minify JavaScript, CSS, atau HTML: hapus komentar dan spasi tak perlu, lalu lihat ukuran asli, hasil minify, dan penghematannya.

Kode Anda tidak pernah keluar dari browser. Tanpa unggah, tanpa pelacakan, semua lokal.

Ukuran asli: 0 B
Ukuran minify: 0 B
Penghematan: 0%

Cara kerjanya

Tempel kode Anda, pilih format, lalu tekan Minify. Alat ini menghapus komentar dan spasi yang tidak perlu sepenuhnya di browser Anda, lalu menampilkan ukuran asli, ukuran hasil minify, dan persentase penghematan.

Apa yang dihapus?
JavaScript: komentar baris (//) dan komentar blok (/* */). CSS: komentar blok (/* */) dan spasi berlebih. HTML: komentar dan baris kosong antar tag. Spasi yang bermakna di dalam string literal dipertahankan.
Kenapa "konservatif"?
Tidak mengganti nama variabel, tidak mempersingkat identifier, dan tidak menulis ulang ekspresi — itu yang dilakukan minifier berat seperti Terser, dan memerlukan parser lengkap serta analisis scope. Alat ini memakai pemrosesan level string (state machine kecil untuk string, penghapusan komentar, dan pengecilan spasi), jadi tetap tanpa dependensi dan transparan. Hasilnya dijamin lebih kecil dari kode Anda, tapi tidak dijamin menjadi yang paling kecil.
Apakah saya boleh percaya pada hasil begitu saja?
Alat ini aman untuk kasus umum, termasuk teks mirip komentar di dalam string. Tapi ada kasus ekstrem (literal regex yang aneh, HTML ganjil di dalam JS). Bandingkan hasil dengan kode asli dan jalankan tes Anda sebelum deploying — angka penghematan bersifat informatif, bukan pengganti verifikasi.

Pertanyaan yang sering diajukan

Format apa saja yang bisa saya minify?

JavaScript, CSS, dan HTML. Pilih format sebelum minify agar alat tahu sintaks komentar dan aturan spasi mana yang berlaku. Komentar baris JavaScript (//) dan komentar blok (/* */), komentar blok CSS, serta komentar HTML dihapus bersama spasi yang tidak perlu.

Apakah alat ini memperkecil kode sebaik Terser atau UglifyJS?

Tidak, dan tidak bertujuan menjadi seperti itu. Ini minifier konservatif tanpa dependensi: menghapus komentar dan spasi berlebih tanpa mengganti nama variabel, mempersingkat identifier, atau menganalisis kode. Harapkan penghematan yang signifikan dari penghapusan komentar dan baris kosong, bukan kompresi maksimal. Untuk build produksi, jalankan minifier sungguhan setelahnya.

Apakah ini bisa merusak kode saya?

Alat ini hati-hati agar tidak menyentuh teks mirip komentar di dalam literal string — "// not a comment" di JavaScript tetap utuh. Terlepas dari itu, tidak ada alat ringan yang bisa memparse setiap kasus ekstrem (literal regex dengan tanda kutip, HTML aneh di dalam template JS, dan keanehan lain). Selalu bandingkan hasilnya dan uji sebelum deploying.

Apakah kode saya diunggah ke mana pun?

Tidak. Semuanya berjalan secara lokal di browser Anda, tanpa unggah dan tanpa pelacakan. Kode Anda tidak pernah meninggalkan halaman — tidak ke server, tidak ke jaringan iklan, tidak ke mana pun.

Mengapa persentase penghematan berbeda antar format?

Tergantung seberapa banyak konten yang bisa dihapus dalam kode Anda. Kode dengan banyak komentar dan baris kosong menyusut paling banyak; kode yang sudah rapat menyusut lebih sedikit. CSS sering menghemat lebih banyak daripada JS karena spasi di sekitar kurung kurawal, koma, dan titik dua murni kosmetik di sana, sedangkan spasi di JS kadang penting.