Minifier JavaScript Online - Kompres Kode JS dengan Terser

Minify JavaScript untuk Memperkecil Ukuran File

Minifier JavaScript ini mengompres JS Anda di browser untuk memperkecil ukuran file dan mempercepat pemuatan halaman. Didukung oleh Terser, minifier ES6+ standar industri, alat ini menghapus spasi dan komentar, memperpendek nama variabel lokal, menghilangkan kode mati, dan membuang pernyataan debug untuk menghasilkan keluaran ramping 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 Minify JavaScript

Muat & Parsing Lebih Cepat

Skrip yang lebih kecil terunduh lebih cepat dan mesin mengurai lebih sedikit karakter, memangkas waktu menuju interaktif.

Payload Lebih Kecil

Mangle dan compress biasanya memangkas porsi besar dari 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 Minify Kode JS

Tempel atau Unggah JS Anda

Ketik atau tempel skrip Anda ke panel masukan, atau gunakan Unggah untuk memuat file .js. Tekan Contoh untuk menyisipkan kode contoh.

Konfigurasi Opsi Terser

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

Minify

Keluaran diperbarui otomatis saat Anda mengetik (di-debounce). Untuk menjalankannya sekarang, tekan Ctrl + Enter dan hasilnya langsung muncul di panel keluaran.

Tinjau & Ekspor

Periksa bilah statistik untuk ukuran asli, hasil minify, dan persentase yang dihemat. Lalu Salin keluarannya atau Unduh sebagai minified.js.

Pintasan: tekan Ctrl + Enter di editor untuk minify di tempat; Tab menyisipkan 4 spasi.

Optimasi & Fitur Terser

Penjelasan Opsi Minifikasi

Setiap sakelar memetakan ke transformasi Terser. Komentar selalu dibuang dari keluaran, terlepas dari sakelar di bawah ini.

Opsi	Fungsinya	Default
Mangle	Memperpendek nama variabel dan fungsi lokal (mis. `userName` → `a`)	Aktif
Compress	Menerapkan eliminasi kode mati dan banyak 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 Langsung

Lihat ukuran asli, hasil minify, dan persentase yang dihemat setelah setiap proses, plus keluaran bersorot sintaks.

Unggah, Salin & Unduh

Muat file .js atau tempel kode, lalu salin hasilnya atau unduh sebagai minified.js.

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 lokal di browser Anda. JavaScript Anda tidak pernah diunggah, dicatat, atau disimpan di mana pun.

Apakah minify JavaScript meningkatkan kecepatan halaman?

Ya. Menghapus spasi, komentar, dan nama identifier yang panjang memperkecil file sehingga terunduh dan terurai lebih cepat. Bilah statistik menampilkan persis berapa byte yang Anda hemat pada setiap proses. Minifikasi cocok dipadukan dengan kompresi gzip/Brotli di server.

Apa yang dilakukan "Mangle"?

Mangle memperpendek nama variabel dan fungsi lokal — misalnya myVariable menjadi a — untuk memangkas 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.* mengurangi ukuran file dan mencegah informasi debug bocor ke pengguna. Biarkan nonaktif jika aplikasi Anda sengaja mencatat ke konsol di produksi.

Bisakah saya mengembalikan atau membatalkan minify keluaran?

Minifikasi bersifat satu arah. Anda dapat menata ulang indentasi kode terminifikasi dengan formatter agar terbaca lagi, tetapi nama variabel yang sudah di-mangle dan komentar yang dihapus tidak dapat dipulihkan — selalu simpan kode sumber asli Anda.

Mesin minifikasi apa yang digunakan?

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

Bisakah minifikasi 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.