Minificare JavaScript

Per minificare JavaScript, incolla il codice qui sotto: lo strumento toglie commenti e spazi superflui e mostra quanti byte risparmi. Stringhe, template literal ed espressioni regolari restano intatti; il risultato fa la stessa cosa dell’originale.

Fonte: Ecma International – ECMAScript Language Specification (§ 12.10 Automatic Semicolon Insertion). Aggiornato al: .

I miei strumenti

Risultato

Risultato
function add(a,b){return a+b;} const numbers=[1,2,3];console.log(numbers.map((n)=>add(n,10)));
Riepilogo
135 → 94 byte (30,4 % in meno).
Vengono tolti solo commenti e spazi, le variabili non vengono rinominate: il risultato è equivalente, ma più grande che con Terser o esbuild.

Come si calcola

Minificare JavaScript significa togliere tutto ciò che l’esecuzione non richiede: commenti, rientri, spazi e a capo. Lo strumento scompone il codice nel tuo browser in stringhe, template literal, espressioni regolari, numeri, parole e simboli e lo ricompone con il minimo di spazi possibile. Il file si carica più in fretta; il suo comportamento non cambia.

Come funziona

  1. Incolla JavaScript nel campo.
  2. Decidi se i commenti di licenza (/*! … */, @license, @preserve) devono restare.
  3. Copia il risultato; la visualizzazione indica la dimensione prima e dopo.

Cosa succede minificando

Limiti

Per la massima riduzione (accorciare i nomi, togliere il codice morto, ristrutturare il codice) usa Terser o esbuild nella build. Questo strumento serve a ridurre in fretta e senza rischi, senza alcuna configurazione.

Privacy

Il codice non lascia il tuo browser. Per i fogli di stile c’è minificare CSS; per continuare: formattare HTML o provare una regex.

Domande frequenti

Come posso minificare JavaScript?

Incolla il JavaScript nel campo: lo strumento toglie commenti e spazi e mostra il risparmio. Copia il risultato nel tuo file.

Minificare cambia il comportamento del codice?

No. Lo strumento toglie solo commenti e spazi e lascia invariati stringhe, template literal ed espressioni regolari. Gli a capo restano dove sostituiscono un punto e virgola.

I nomi delle variabili vengono accorciati?

No. Questo strumento non rinomina nulla. Per la massima riduzione usa Terser o esbuild nella build.

Quanto fa risparmiare la minificazione?

Su file con commenti e rientri spesso dal 20 al 50 per cento. In più il server comprime con gzip o Brotli; le due cose insieme hanno senso.

Posso rendere di nuovo leggibile il codice minificato?

Questo strumento va in una sola direzione. Per formattare il codice servono editor o un formattatore di codice.

Il mio codice viene caricato da qualche parte?

No. Tutto avviene in locale nel tuo browser.

Fonti e riferimenti normativi

Aggiornato al: · Principi editoriali

Strumenti correlati