Minifica JavaScript con Terser — rimuovendo commenti e spazi, accorciando i nomi delle variabili locali e semplificando le espressioni — oppure riporta il codice minificato a una forma leggibile. Poiché Terser è un parser vero, la sintassi moderna come arrow function, classi e optional chaining viene gestita correttamente, e un errore di sintassi produce un messaggio chiaro invece di un risultato rotto.
Qual è la differenza tra minificazione e abbellimento?
Minifica riduce il tuo JavaScript alla più piccola dimensione funzionante — rimuovendo commenti e spazi bianchi, accorciando i nomi delle variabili locali e semplificando le espressioni. È basato su Terser, un vero parser JavaScript, quindi la sintassi moderna (funzioni arrow, template literal, classi, optional chaining) è gestita correttamente invece di essere rotta da una banale sostituzione di testo; se il tuo codice contiene un errore di sintassi riceverai un messaggio chiaro che lo indica. Abbellisci fa l'opposto, reindentando il codice minificato o disordinato così torna leggibile.
Come usare il Minificatore JavaScript
- Incolla — incolla il JavaScript da minificare o abbellire nella casella di input in alto.
- Scegli il rientro — scegli tra 2 spazi, 4 spazi o tab (si applica solo al risultato dell'abbellimento, non influisce sulla minificazione).
- Esegui — premi il pulsante "Minifica" o "Abbellisci". La prima volta che premi Minifica, la libreria Terser viene scaricata una volta e poi eseguita.
- Copia — controlla l'indicatore della dimensione ridotta e usa il pulsante "Copia" per mettere il risultato negli appunti.
La sintassi moderna (funzioni arrow, classi, ecc.) viene minificata in sicurezza?
Sì. La minificazione è eseguita da Terser, un vero parser JavaScript, quindi comprende e gestisce correttamente la sintassi ES moderna come funzioni arrow, template literal, classi, optional chaining e destrutturazione. Anche parti che una banale sostituzione di testo avrebbe rotto — come i letterali di espressioni regolari o il testo simile a un commento all'interno di una stringa — vengono preservate.
La minificazione cambia il comportamento del codice?
No. Terser esegue solo trasformazioni che preservano il comportamento del codice — l'accorciamento dei nomi delle variabili locali, la rimozione del codice morto e la semplificazione delle espressioni avvengono tutte in modo sicuro, con un risultato identico. Tuttavia gli identificatori esposti all'esterno, come i nomi di variabili o funzioni globali, non vengono modificati arbitrariamente perché altro codice potrebbe farvi riferimento.
Cosa succede se c'è un errore di sintassi?
Poiché Terser analizza davvero il codice, se c'è un errore di sintassi come parentesi non corrispondenti o un token non valido, interrompe la minificazione e mostra un messaggio chiaro che indica la posizione del problema (riga e colonna). Invece di produrre silenziosamente un risultato errato, ti dice dove intervenire, così puoi correggere il punto indicato e riprovare.
Il mio codice viene caricato? Perché la breve pausa alla prima minificazione?
Nulla viene caricato — tutto viene eseguito nel tuo browser. Il minificatore Terser è una libreria di grandi dimensioni, quindi per mantenere veloce il caricamento della pagina viene scaricato solo la prima volta che premi Minifica (potresti notare una breve pausa "Minificazione…" una volta); dopodiché rimane nella cache. Abbellisci è istantaneo. Al termine, l'indicatore delle dimensioni mostra quanti byte ha risparmiato la minificazione, e Copia mette il risultato nei tuoi appunti.