Lompat ke konten
SPCXTools

JavaScript Minifier

Kompres JavaScript Anda dengan Terser — ukuran file lebih kecil, fungsi tetap sama.

Berjalan secara lokal — file tidak pernah meninggalkan perangkat Anda

Memuat alat…

Cara menggunakan JavaScript Minifier

  1. 1Tempel JavaScript Anda ke kotak Input, atau klik Contoh.
  2. 2Kode yang telah diminify akan muncul di sebelah kanan secara otomatis.
  3. 3Pilih apakah ingin menyingkat nama variabel dan mempertahankan komentar lisensi.
  4. 4Salin hasilnya atau unduh sebagai minified.js.

Perkecil ukuran JavaScript Anda

JavaScript sering kali menjadi bagian terberat dari sebuah halaman web, dan setiap kilobyte harus diunduh, di-parse, dan dieksekusi sebelum halaman tersebut menjadi interaktif. Melakukan minifikasi (minifying) dapat memangkas ukurannya hingga separuh atau lebih. Alat ini menggunakan Terser, minifier di balik sebagian besar build tool modern, untuk menghapus spasi dan komentar, menyingkat nama variabel, dan menerapkan kompresi kode yang aman — langsung di browser Anda.

Fitur

  • Mesin Terser dengan dukungan ES2015+ modern.
  • Kompresi: penghapusan dead-code, constant folding, dan sintaks yang lebih singkat.
  • Name mangling untuk variabel lokal (opsional).
  • Komentar lisensi dipertahankan jika diminta.
  • Perbandingan ukuran dalam byte dan persen.
  • Privasi terjaga: kode diproses secara lokal.

Estimasi penghematan

Kode Rata-rata pengurangan
Kode aplikasi dengan banyak komentar 50–70%
Kode sumber library 40–60%
Kode yang sudah ringkas 15–30%
Kode yang sudah di-minify 0–5%

Menyajikan file yang sudah di-minify dengan kompresi gzip atau Brotli biasanya akan mengurangi ukuran transfer hingga 60–75% lagi.

Tips

  • Simpan kode sumber asli — kode yang di-minify sulit dibaca dan di-debug. Gunakan source map pada build Anda untuk men-debug kode produksi.
  • Lakukan minifikasi sebagai langkah build untuk produksi; alat ini ideal untuk skrip sekali pakai, snippet, bookmarklet, dan proyek tanpa bundler.
  • Uji coba setelah minifikasi, terutama pada kode yang bergantung pada nama fungsi atau eval.

Alat terkait

Minifikasi stylesheet dengan CSS Minifier, rapikan data dengan JSON Formatter, atau enkode skrip untuk disematkan dengan Base64.

Pertanyaan yang sering diajukan

Apa fungsi JavaScript minifier?
Alat ini menghapus spasi dan komentar, menyingkat nama variabel lokal dan fungsi (mangling), serta menulis ulang kode jadi lebih pendek — misalnya menghapus kode yang tak terpakai dan menyederhanakan ekspresi — tanpa mengubah fungsi aslinya.
Sintaks JavaScript apa saja yang didukung?
Terser mendukung JavaScript modern (ES2015 ke atas), termasuk arrow functions, classes, modules, async/await, dan optional chaining. TypeScript dan JSX harus dikompilasi ke JavaScript terlebih dahulu.
Apakah aman menyingkat nama variabel?
Terser hanya mengubah nama variabel dan fungsi lokal, bukan nama global atau properti objek, sehingga kode akan tetap berjalan normal. Jika kode Anda bergantung pada nama fungsi saat runtime (misalnya fn.name), nonaktifkan fitur penyingkatan nama.
Kenapa muncul syntax error?
Minifier harus mem-parse kode Anda lebih dulu. Error biasanya terjadi karena kurang tanda kurung atau tanda kutip, atau menggunakan sintaks selain JavaScript — seperti anotasi tipe TypeScript atau JSX. Pesan error akan menunjukkan letak kesalahannya.
Apakah kode saya diunggah?
Tidak. Terser berjalan langsung di browser Anda, sehingga kode rahasia Anda tidak akan pernah keluar dari perangkat.

Alat terkait

CSS MinifierPerkecil stylesheet Anda — hapus spasi, komentar, dan aturan yang berlebihan — dan lihat berapa banyak ukuran yang dihemat.JSON Formatter & ValidatorRapikan, minify, dan validasi JSON secara instan, dengan lokasi error yang jelas.HTML Encode / DecodeUbah teks menjadi entitas HTML yang aman — atau kembalikan entitas menjadi karakter yang dapat dibaca.Encode & Decode Base64Konversi teks dan file ke Base64 dan sebaliknya, dengan dukungan penuh UTF-8 dan Base64URL.Base64 ke GambarDecode string Base64 dan Data URI menjadi gambar yang dapat dilihat dan diunduh secara instan langsung di browser Anda.Kalkulator ChmodKonversi antara kotak centang, angka oktal seperti 755, dan hak akses simbolik seperti rwxr-xr-x.