JS/CSS Minifier
JS/CSS Minifier — berjalan di browser. Input tidak disimpan.
Minify dasar JS / CSS
Masukkan nilai, lalu tekan Hitung.
Hanya menghapus komentar dan spasi. Bukan pengganti obfuscation lanjutan atau bundler.
Cara menggunakan
- Di mode, pilih JavaScript atau CSS. Bawaan JavaScript.
- Tempel kode yang akan diminify ke sumber.
- Tekan Minify. Kode dengan komentar dan whitespace dikurangi muncul di hasil.
- Di statistik di atas, bandingkan jumlah karakter asli dan diminify.
- Salin hasil mengambilnya. Reset mereset sumber, hasil, dan angka, serta mengembalikan mode ke JavaScript.
Konsep utama
Minify JS/CSS adalah penciut ringan yang menghapus komentar dan whitespace untuk menghemat sedikit ukuran tepat sebelum deploy. Mode JavaScript menghapus komentar blok dan baris lalu merekatkan spasi di sekitar kurung dan operator; mode stylesheet menghapus komentar blok lalu merekatkan spasi antara selektor dan kurung. Tidak mengaburkan nama, tree-shake, atau menganalisis cakupan, jadi tidak menggantikan bundler atau Terser. Cocok untuk memperkirakan byte pada cuplikan kecil.
Angka asli dan diminify adalah panjang string input/output. Garis miring dalam literal regex atau pola mirip komentar di dalam string bisa salah dibaca, jadi sumber kompleks lebih aman diminify di pipeline build. Minify JS/CSS tidak mengunggah berkas; hanya mengganti di peramban. Bukan alat kualitas bundel produksi, melainkan pembantu untuk memendekkan draf penuh komentar dan membandingkan. Jika keluaran minify terlihat rusak, periksa mode, dan jaga pengaturan bundel yang ada untuk salinan deploy akhir. Setelah Anda memperkirakan selisih ukuran pada fungsi pendek atau satu blok aturan, salin.
Contoh
Dalam mode JavaScript, tempel function hello() { /* greet */ console.log("hi"); } dan minify: komentar dan whitespace hilang dan merekat menuju satu baris. Jumlah karakter asli dan diminify diperbarui di statistik.
Terkait: Pemformat JS/CSS · Pemformat HTML · Pemformat JSON
Pertanyaan umum
Apakah minify JS/CSS sama dengan bundler atau Terser?
Tidak. Hanya menghapus komentar dan whitespace dengan regex. Tidak memendekkan nama variabel atau menghapus kode mati.
Mengapa memisah mode JavaScript dan CSS di minify JS/CSS?
JavaScript menangani komentar baris dan spasi operator; stylesheet memperlakukan spasi selektor/kurung dan titik koma ekstra berbeda.
Apa angka asli dan diminify setelah minify JS/CSS?
Jumlah karakter sumber input dan hasil output. Menunjukkan penyusutan sebagai panjang string, bukan kilobyte.
Bisakah simbol mirip komentar di dalam string merusak minify JS/CSS?
Ya. Substitusi sederhana bisa mengira // di dalam regex atau string sebagai komentar, jadi pakai minifier khusus untuk sumber penting.
Apakah sumber minify JS/CSS diunggah ke server?
Tidak. Minify, salin, dan reset semua selesai di peramban. Tidak ada unggah berkas.
Apakah Reset minify JS/CSS juga mengubah mode?
Ya. Mengatur sumber, hasil, dan angka asli/diminify kembali ke 0 dan mengembalikan mode ke JavaScript.
Terakhir ditinjau: 2026-09-04