Come funziona la minificazione del JavaScript?
Il JavaScript è spesso la risorsa più pesante di una pagina, e ogni byte va scaricato, analizzato ed eseguito. Minificarlo significa riscriverlo in una forma equivalente ma molto più corta: senza spazi e commenti, con espressioni semplificate e con nomi di variabili ridotti a una o due lettere.
Lo strumento usa Terser, che supporta JavaScript moderno (ES2015 e successivi: classi, arrow function, async/await, moduli). Le opzioni sono quattro. Compress elimina il codice morto e semplifica le espressioni. Mangle accorcia i nomi delle variabili e delle funzioni locali. Puoi mantenere i commenti di licenza (/*! e @license) e scegliere di eliminare le chiamate console.*, utile per togliere i log di debug dalla versione pubblicata.
JSX e TypeScript non sono supportati: vanno prima compilati in JavaScript standard. Se il codice contiene un errore di sintassi, vedi il messaggio del parser con l’indicazione del problema. Dopo la minificazione vedi il peso prima e dopo e la percentuale risparmiata.
La minificazione non sostituisce un buon bundler nei progetti grandi, ma è perfetta per script singoli, snippet e piccoli siti. Prima di pubblicare, prova sempre il codice minificato: se una parte del tuo programma legge i nomi delle funzioni a runtime, valuta di disattivare il mangle.
Il codice resta nel tuo browser, senza essere caricato su un server. La prova gratuita copre un file o un testo incollato, che puoi rielaborare con opzioni diverse. ToolStudio Pro offre uso illimitato, più file insieme scaricati in uno ZIP e nessuna pubblicità.
Come minificare un file JavaScript
- Incolla il codice nel riquadro oppure trascina o scegli un file .js, .mjs o .cjs.
- Scegli le opzioni: compress, mangle, commenti di licenza, rimozione di console.*.
- Clicca sul pulsante per minificare.
- Controlla il peso prima e dopo e la percentuale risparmiata.
- Copia il risultato o scaricalo come file.
Quando minificare il JavaScript
- Pubblicare uno script per un sito statico senza configurare un bundler.
- Alleggerire snippet da inserire in un tag manager o in un CMS.
- Togliere console.log e codice di debug prima della pubblicazione.
- Preparare un bookmarklet o un widget incorporabile.
- Verificare quanto pesa uno script una volta minificato.
Compress e mangle: cosa cambia
Compress lavora sulla logica: elimina rami che non possono essere eseguiti (if (false) {…}), valuta espressioni costanti, unisce dichiarazioni var e trasforma if semplici in operatori ternari o &&. Il comportamento resta identico.
Mangle lavora sui nomi: una variabile locale come totaleCarrello diventa a o b. I nomi globali e le proprietà degli oggetti non vengono toccati, quindi il codice che chiama le tue funzioni dall’esterno continua a funzionare. Le due opzioni insieme danno il risparmio maggiore.
Domande Frequenti
Supporta TypeScript o JSX?
No. Terser accetta JavaScript standard, anche moderno (ES2015+). Compila TypeScript o JSX in JavaScript prima di minificarlo.
Posso togliere i console.log?
Sì. Attiva l’opzione che elimina le chiamate console.*.
Posso tornare al codice originale da quello minificato?
Puoi re-indentarlo con il formattatore JavaScript, ma i nomi delle variabili accorciati dal mangle non si possono ripristinare. Conserva sempre il sorgente originale.
Il codice viene inviato a un server?
No. La minificazione avviene interamente nel tuo browser.
È gratis?
Puoi provarlo gratis con un file o un testo incollato e rielaborarlo con altre opzioni. Per minificare nuovo codice serve ToolStudio Pro: uso illimitato, più file insieme in uno ZIP e niente pubblicità. Puoi disdire quando vuoi.