Come si usa
- Incolla il tuo JavaScript, apri un file
.jso parti dall'esempio. - Il codice minificato compare mentre scrivi, con la dimensione prima e dopo. Un errore di sintassi viene mostrato con riga e colonna.
- Copialo o scaricalo come
script.min.js.
Cosa fa
Il Minificatore JavaScript usa Terser, il minificatore presente nella maggior parte degli strumenti di build:
- Rimuove spazi e commenti.
- Accorcia i nomi di variabili locali e parametri (
firstdiventan). I nomi di primo livello restano come sono, così gli altri script della pagina possono ancora chiamare le tue funzioni. - Rimuove il codice che non può mai essere eseguito e semplifica le espressioni (
if (x) { return a } else { return b }diventareturn x ? a : b).
Ne vale la pena?
JavaScript è la cosa più costosa che una pagina carica: va scaricato, analizzato ed eseguito. Minificare di solito dimezza la dimensione di uno script prima della compressione gzip o Brotli, e spesso fa ancora risparmiare un terzo dopo, perché anche nomi più corti e commenti assenti contano. Strumenti di build come Vite ed esbuild minificano già per la produzione; questa pagina è per gli script che scrivi e pubblichi a mano, e per vedere cosa fa la minificazione a uno snippet.
Domande frequenti
La minificazione può rompere il mio codice?
Terser mantiene il significato del codice valido. Il codice che a runtime legge i nomi delle proprie funzioni o il proprio sorgente (raro) può comportarsi in modo diverso. Tieni la versione leggibile come sorgente e testa quella minificata.
Supporta il JavaScript moderno?
Sì, compresi moduli, classi, async/await e optional chaining. Non cambia i browser in cui gira il tuo codice.
E le source map?
Questa pagina non le genera. Gli strumenti di build scrivono le source map accanto al file minificato, così gli strumenti per sviluppatori del browser possono mostrare il tuo codice originale.
Il mio codice viene caricato da qualche parte?
No. Terser viene caricato nel tuo browser e gira lì.