Cara menggunakan
- Tempelkan JavaScript Anda, buka file
.js, atau mulai dari contoh. - Kode yang diminifikasi muncul saat Anda mengetik, dengan ukuran sebelum dan sesudahnya. Error sintaks ditampilkan dengan baris dan kolomnya.
- Salin atau unduh sebagai
script.min.js.
Fungsinya
Peminifikasi JavaScript menjalankan Terser, peminifikasi di dalam sebagian besar alat build:
- Menghapus spasi dan komentar.
- Mempersingkat nama variabel lokal dan parameter (
firstmenjadin). Nama tingkat atas tetap apa adanya, sehingga skrip lain di halaman masih dapat memanggil fungsi Anda. - Menghapus kode yang tidak pernah berjalan, dan menyederhanakan ekspresi (
if (x) { return a } else { return b }menjadireturn x ? a : b).
Apakah sepadan?
JavaScript adalah hal termahal yang dimuat halaman: harus diunduh, diurai, dan dijalankan. Minifikasi biasanya memangkas ukuran skrip hingga setengahnya sebelum kompresi gzip atau Brotli, dan sering masih menghemat sepertiga setelahnya, karena nama yang lebih pendek dan komentar yang hilang juga berpengaruh pada kompresi. Alat build seperti Vite dan esbuild sudah meminifikasi untuk produksi; halaman ini untuk skrip yang Anda tulis dan rilis secara manual, serta untuk memeriksa efek minifikasi pada cuplikan.
Pertanyaan umum
Bisakah minifikasi merusak kode saya?
Terser menjaga arti kode yang valid. Kode yang membaca nama fungsinya sendiri atau teks sumbernya saat runtime (jarang) dapat berperilaku berbeda. Simpan versi yang mudah dibaca sebagai sumber dan uji versi yang diminifikasi.
Apakah alat ini mendukung JavaScript modern?
Ya, termasuk modul, kelas, async/await, dan optional chaining. Alat ini tidak mengubah browser tempat kode Anda berjalan.
Bagaimana dengan source map?
Halaman ini tidak membuatnya. Alat build menulis source map di samping file yang diminifikasi, yang memungkinkan alat developer browser menampilkan kode asli Anda.
Apakah kode saya diunggah?
Tidak. Terser dimuat ke browser Anda dan berjalan di sana.