JavaScript Minifier

Perkecil JavaScript untuk produksi secara instan

JavaScript Asli

Opsi

JavaScript yang Diperkecil

Ikhtisar

JavaScript Minifier menghapus komentar, whitespace yang tidak perlu, dan pemisah baris dari kode Anda untuk mengurangi ukuran file untuk produksi — unduhan lebih kecil, waktu parsing lebih cepat. Tempel JS yang terbaca dan dapatkan output ringkas secara instan, dengan perbandingan ukuran sebelum/sesudah secara langsung.

Yang Dikontrol Minifier Ini
  • Penghapusan komentar: hapus komentar baris // dan komentar blok /* */
  • Kompresi whitespace: hapus spasi, baris kosong, dan pemisah baris yang tidak perlu
  • Perbandingan ukuran: lihat ukuran asli, ukuran hasil minifikasi, dan persentase pengurangan berdampingan
  • Normalisasi titik koma: memastikan pemisah pernyataan tetap ada setelah penghapusan whitespace
  • Toggle preservasi komentar: pertahankan header lisensi atau komentar penting saat diperlukan
  • Output yang dapat diunduh: simpan hasil minifikasi langsung sebagai file .js
Kapan Anda Meminifikasi JavaScript
  • Memperkecil skrip sebelum menerapkannya ke produksi untuk mengurangi waktu muat halaman
  • Menyiapkan skrip utilitas kecil untuk disematkan secara inline di halaman HTML tanpa membuatnya membengkak
  • Memeriksa dengan cepat seberapa banyak file akan mengecil sebelum menyiapkan pipeline build lengkap
  • Meminifikasi skrip satu kali untuk CodePen, gist, atau bookmarklet di mana langkah build tidak praktis
  • Membandingkan ukuran hasil minifikasi dengan anggaran ukuran untuk audit performa
Cara Meminifikasi JavaScript
  1. 1.Tempel JavaScript Anda ke editor input, atau unggah file .js
  2. 2.Tentukan apakah akan mempertahankan komentar (misalnya header lisensi) atau menghapusnya sepenuhnya
  3. 3.Output hasil minifikasi dan persentase pengurangan ukuran muncul secara otomatis
  4. 4.Salin output atau unduh sebagai file .js
  5. 5.Periksa jumlah byte sebelum/sesudah untuk mengonfirmasi penghematan ukuran sebelum deploy
Kasus Khusus yang Perlu Diketahui
  • Minifier ini tidak mengganti nama variabel menjadi lebih pendek atau melakukan penghapusan kode mati — itu memerlukan alat berbasis AST seperti Terser untuk kompresi maksimal
  • Konten string dan template literal dibiarkan tidak tersentuh; hanya whitespace struktural dan komentar di luar string yang dihapus
  • Kasus khusus ASI (penyisipan titik koma otomatis) dalam kode yang tidak biasa (misalnya baris yang dimulai dengan ( atau [) harus diuji setelah minifikasi, karena menghapus pemisah baris terkadang dapat mengubah perilaku seputar ASI
Keterbatasan
  • Ini adalah minifikasi whitespace/komentar, bukan kompresi penuh — untuk pengurangan ukuran maksimal (penggantian nama variabel, penghapusan kode mati, tree-shaking), gunakan minifier terintegrasi build-tool seperti Terser atau esbuild
  • Output hasil minifikasi kehilangan semua keterbacaan — selalu simpan sumber asli Anda di bawah kontrol versi
  • File yang sangat besar mungkin lambat diproses sepenuhnya di browser — untuk pipeline build produksi, integrasikan minifikasi ke dalam bundler Anda alih-alih alat browser satu kali
Perlu Arah Sebaliknya?

Jika Anda memiliki JavaScript yang diminifikasi atau dikompresi dan perlu membaca atau men-debug-nya, gunakan JavaScript Beautifier. Alat ini memulihkan indentasi, pemisah baris, dan pemformatan yang konsisten sehingga kode benar-benar terbaca.