Minifier JavaScript

Minifier JavaScript adalah alat online gratis yang mengompres kode JS untuk memperkecil ukuran file. Didukung oleh Terser, minifier ES6+ standar industri, alat ini menghapus spasi, memperpendek nama variabel, menghilangkan kode mati, dan membuang pernyataan debug untuk menghasilkan keluaran ramping yang siap produksi.

Berjalan sepenuhnya di browser Anda. Terser dijalankan secara lokal, sehingga JavaScript Anda tidak pernah diunggah atau disimpan; bahkan kode sumber milik pribadi tetap di perangkat Anda.

Mengapa Minifikasi JavaScript

Muat & Parsing Lebih Cepat

Bundel yang lebih kecil terunduh lebih cepat dan mesin mengurai lebih sedikit karakter, mempercepat interaktivitas halaman.

Bundel Lebih Kecil

Mangle dan compress sering memangkas 40–70% ukuran sumber bahkan sebelum gzip diterapkan.

Kode Produksi Lebih Bersih

Buang log konsol dan pernyataan debugger agar keluaran debug tidak pernah bocor ke pengguna akhir.

Cara Minifikasi JavaScript

1

Tempel atau Unggah JS Anda

Ketik atau tempel skrip ke panel input di sebelah kiri, atau gunakan Unggah untuk memuat file .js. Tekan Contoh untuk memuat kode contoh.

2

Konfigurasi Opsi Terser

Aktifkan Mangle, Compress, Drop console, dan Drop debugger untuk menyetel seberapa agresif kode dioptimalkan.

3

Minify

Klik Minify atau tekan Ctrl + Enter. Terser memproses kode dan hasilnya muncul seketika di panel keluaran.

4

Tinjau & Ekspor

Periksa bilah statistik untuk ukuran asli, ukuran terminifikasi, dan penghematan. Lalu Salin keluarannya atau Unduh sebagai file.

Pintasan: tekan Ctrl + Enter di editor untuk minify di tempat.

Optimasi & Fitur

Penjelasan Opsi Terser

Setiap opsi memetakan ke transformasi Terser. Bersama-sama, opsi tersebut menangani sintaks ES6+ modern dan menghasilkan keluaran produksi yang andal.

Opsi	Fungsinya	Default
Mangle	Memperpendek nama variabel dan fungsi lokal (mis. `userName` → `a`)	Aktif
Compress	Menerapkan eliminasi kode mati dan puluhan optimasi ukuran	Aktif
Drop console	Menghapus semua panggilan `console.*`	Nonaktif
Drop debugger	Menghapus pernyataan `debugger`	Aktif

Mesin Kelas Produksi

Dukungan Penuh ES6+

Terser memahami arrow function, class, template literal, async/await, dan sintaks modern lainnya.

Pembersihan Debug

Buang keluaran konsol dan breakpoint debugger agar tidak pernah ikut terkirim ke produksi.

Statistik Kompresi

Lihat ukuran asli, ukuran terminifikasi, dan persentase yang dihemat setelah setiap proses.

Unggah atau Tempel

Muat file .js dari disk atau tempel kode langsung, sesuai keinginan Anda.

Perhatian Mangle: Terser hanya mengganti nama identifier lokal, tidak pernah global atau properti objek yang diakses lewat string. Hindari mengandalkan nama fungsi atau variabel saat runtime (misalnya refleksi framework) ketika mangle aktif.

Pertanyaan yang Sering Diajukan

Apakah kode saya dikirim ke server?

Tidak. Terser berjalan secara lokal di browser Anda. JavaScript Anda tidak pernah diunggah, dicatat, atau disimpan di mana pun.

Apa yang dilakukan "Mangle"?

Mangle memperpendek nama variabel dan fungsi lokal — misalnya myVariable menjadi a — untuk mengurangi ukuran file tanpa mengubah perilaku kode. Ia hanya mengganti nama identifier yang tidak diekspos ke luar.

Haruskah saya mengaktifkan "Drop console" untuk produksi?

Biasanya, ya. Menghapus panggilan console.log mengurangi ukuran file dan mencegah informasi debug bocor ke pengguna. Nonaktifkan jika aplikasi Anda sengaja mencatat ke konsol di produksi.

Mesin minifikasi apa yang digunakan?

Alat ini menggunakan Terser, minifier JavaScript yang paling banyak diadopsi dan mesin yang sama di balik banyak bundler modern. Ia mendukung penuh sintaks ES6+.

Bisakah ia merusak kode saya?

Terser sangat andal, tetapi mangle yang agresif dapat memengaruhi kode yang bergantung pada nama identifier saat runtime (seperti beberapa trik refleksi atau serialisasi). Selalu uji keluaran terminifikasi sebelum men-deploy, dan simpan kode sumber asli Anda.