Minifier Kode
Minify JavaScript (Terser), CSS (CSSO), HTML, JSON, atau XML dalam satu alat: pilih bahasa, tempel kode, dan lihat byte yang dihemat. Gratis di browser Anda.
Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.
Alat Terkait
Lihat SemuaApa itu Minifier Kode?
Minifier Kode adalah satu tempat untuk me-minify beberapa bahasa. Pilih JavaScript, CSS, HTML, JSON, atau XML dan alat ini menerapkan minifier yang sesuai, menampilkan ukuran asli dan hasil minify.
Cara menggunakan Minifier Kode
- Pilih Bahasa.
- Tempel kode Anda ke kotak input.
- Klik Minify (keluaran juga diperbarui saat Anda mengetik).
- Salin atau unduh kode yang sudah di-minify.
Contoh
a { color : red ; } a{color:red} Bahasa: CSS.
Kapan menggunakan Minifier Kode
Pakai untuk minifikasi sekali pakai yang cepat dan perbandingan ukuran. Untuk aplikasi produksi, minify di pipeline build dengan source map. Halaman minifier khusus menjelaskan tiap mesin lebih rinci.
Cara kerja Minifier Kode
Setiap bahasa memakai mesin khusus: JavaScript – Terser dengan kompresi dan mangling nama lokal; CSS – minifikasi struktural CSSO setelah pemeriksaan kurung/string; HTML – minifier aman yang menghapus komentar dan memadatkan spasi tetapi membiarkan pre, textarea, script, dan style tak tersentuh; JSON – parsing ketat dan pencetakan ringkas yang mempertahankan angka; XML – pemeriksaan well-formed, lalu spasi antar tag dan komentar dihapus.
Kasus Penggunaan Umum
- Me-minify cuplikan sebelum di-inline ke halaman
- Membandingkan ukuran berbagai versi kode
- Memadatkan payload JSON atau XML
- Menghapus komentar sebelum membagikan kode
Catatan Keamanan
Semuanya berjalan secara lokal di browser Anda; kode yang Anda tempel tidak diunggah.
Pertanyaan Umum
Bahasa apa yang dipilih secara default?
JavaScript. Ubah dengan pemilih Bahasa.
Apakah ia membuat source map?
Tidak.
Bisakah me-minify TypeScript?
Tidak, kompilasi TypeScript ke JavaScript terlebih dahulu.