onul.works

Pengecil JS

Kecilkan JS dalam talian dengan mengurangkan komen dan ruang kosong dalam kod serta fungsi JavaScript.

⌘ Berjalan dalam pelayar ◴ Data tidak disimpan ⌁ Percuma

Konsep

Pemampatan JS untuk pengoptimuman saiz sebelum keluaran

Pemampatan JS mengekalkan tingkah laku skrip sambil membuang komen dan ruang tidak perlu untuk mengurangkan saiz bundle serta data pemindahan.

Gunakan minifikasi JavaScript apabila skrip perlu lebih ringan untuk produksi. Ia ialah langkah pengoptimuman saiz, bukan refaktor yang mengubah tingkah laku.

Membandingkan saiz fail asal dan fail termampat sebelum deploy membantu menganggar penjimatan bandwidth dan keperluan optimasi lanjut.

Apa yang dikurangkan?

Komen, baris baharu dan ruang berlebihan yang tidak menjejaskan runtime akan dipotong.

Bila digunakan?

Gunakan sebelum menerbitkan aset statik, menyediakan snippet JS untuk dikongsi atau membina bundle akhir di bawah had saiz.

Semakan selepas minify

Simpan fail asal, buat sandaran dan jalankan ujian fungsi kerana kod termampat lebih sukar dibaca dan didebug.

Kod termampat lebih kecil tetapi kurang mudah dibaca; sentiasa simpan sumber, sahkan tingkah laku dan semak ralat runtime sebelum produksi.

Input JavaScript
JavaScript yang dikecilkan

Cara guna

  1. 1 Tampal kod JavaScript yang ingin dikecilkan ke dalam ruang input.
  2. 2 Klik butang kecilkan untuk mengurangkan ruang dan komen.
  3. 3 Salin JavaScript output untuk skrip produksi anda.

Contoh penggunaan umum

  • Pengecilan kod JavaScript
  • Bersihkan jarak JavaScript untuk dikongsi
  • Semakan saiz sebelum dan selepas

Soalan lazim

Bagaimana alat ini mengecilkan JavaScript?

Ia menggunakan pengecilan mudah di sisi pelayar dengan membuang komen, ruang berulang dan beberapa ruang di sekitar simbol. Ia tidak menamakan semula pemboleh ubah atau melakukan pengoptimuman sintaks lanjutan.

Adakah ia menyokong tampal dan salin?

Ya. Anda boleh menampal kod daripada papan klip dan menyalin hasil yang dikecilkan kembali ke papan klip.

Bolehkah pengecilan gagal?

Untuk ungkapan biasa, rentetan dan sintaks moden, semak output sebelum menggunakannya.

Aliran kerja berkaitan

Pengecil JSKecilkan skrip siap sebelum keluaran dan pastikan ia kemas bersama aset halaman. → Penjana Kod BarSediakan pengecam yang dipaparkan atau dicetak pada halaman yang sama sebagai kod bar. → Penjana Bayang KotakKemudian laraskan nilai bayang untuk kad atau UI label yang berkaitan.