Memangkas snippet dengan cepat untuk dimasukkan ke HTML bookmarklet atau demo satu-file, ketika kamu tidak punya build chain. Sanity check seberapa banyak "lemak" yang ada di script hand-written sebelum kamu memutuskan apakah optimizer beneran sepadan. Meng-inline library kecil di static site tanpa harus menyeret bundler.

Ini structural minify, bukan compressor. Ia tidak me-rename variabel, tidak melakukan dead-code elimination, tidak me-mangle property atau tree-shake. Untuk build production gunakan terser , esbuild , atau swc di pipeline-mu — mereka memangkas 30–60% lagi di atas structural minify. Jebakan ASI. JavaScript menyisipkan semicolon di tempat-tempat tak terduga. Minifier mempertahankan newline ketika menghapusnya akan mengubah makna (mis. return {} ≠ return {} ). Kalau bisa, tetap pakai semicolon eksplisit di source — itu membuat minification lebih aman untuk semua orang. Source map tidak di-generate. Kalau kamu mengirim JS minified ke production, generate source map dengan toolchain beneran supaya debugging tetap waras. Kompresi modern dominan. Brotli/gzip di kabel melakukan sebagian besar yang minify lakukan. Kemenangan terbesar datang dari menghapus kode yang tidak terpakai — itu butuh static analysis yang structural minifier tidak bisa. Jangan minify yang kamu commit. Source masuk dalam keadaan rapi; minify di tahap build/deploy.

JavaScript Minifier

Minify JavaScript struktural cepat — strip komentar, kompres whitespace, buang baris kosong. Lihat ukuran sebelum/sesudah dan persen penghematan.

Input

Output

Masukkan input di atas untuk melihat hasilnya.

Dibuat oleh JXXR1 · ♥ Jadi sponsor · ☕ Belikan saya kopi

Untuk apa ini?

Structural JavaScript minifier menghapus comment dan whitespace yang tidak perlu tanpa mengubah apa yang kode lakukan. Output secara fungsional identik dengan input — identifier sama, logika sama — hanya lebih pendek. Tool ini menjalankan pass tersebut di browser kamu, termasuk bagian-bagian rumitnya: ia mempertahankan isi string dan regex literal tanpa diutak-atik, dan menjaga newline di tempat ASI (Automatic Semicolon Insertion) akan mengubah behavior bila dihapus.

Kapan digunakan

Memangkas snippet dengan cepat untuk dimasukkan ke HTML bookmarklet atau demo satu-file, ketika kamu tidak punya build chain.
Sanity check seberapa banyak "lemak" yang ada di script hand-written sebelum kamu memutuskan apakah optimizer beneran sepadan.
Meng-inline library kecil di static site tanpa harus menyeret bundler.

Kesalahan umum

Ini structural minify, bukan compressor. Ia tidak me-rename variabel, tidak melakukan dead-code elimination, tidak me-mangle property atau tree-shake. Untuk build production gunakan terser, esbuild, atau swc di pipeline-mu — mereka memangkas 30–60% lagi di atas structural minify.
Jebakan ASI. JavaScript menyisipkan semicolon di tempat-tempat tak terduga. Minifier mempertahankan newline ketika menghapusnya akan mengubah makna (mis. return {} ≠ return {}). Kalau bisa, tetap pakai semicolon eksplisit di source — itu membuat minification lebih aman untuk semua orang.
Source map tidak di-generate. Kalau kamu mengirim JS minified ke production, generate source map dengan toolchain beneran supaya debugging tetap waras.
Kompresi modern dominan. Brotli/gzip di kabel melakukan sebagian besar yang minify lakukan. Kemenangan terbesar datang dari menghapus kode yang tidak terpakai — itu butuh static analysis yang structural minifier tidak bisa.
Jangan minify yang kamu commit. Source masuk dalam keadaan rapi; minify di tahap build/deploy.