Convertitore gratuito

JavaScript Minificatore

Minimizza e comprimi istantaneamente il codice JavaScript nel tuo browser. Rimuovi commenti, comprimi gli spazi bianchi e riduci le dimensioni del file. Gratuito e privato.

Trascina e rilascia un file JS qui

Supporta file .js. Oppure incolla il tuo JavaScript sopra.

O

Informazioni su questo strumento

La minimizzazione di JavaScript riduce la dimensione del codice sorgente rimuovendo i caratteri non necessari e (con minimizzatori adeguati) rinominando le variabili locali con nomi più brevi. La prima categoria, ovvero la rimozione degli spazi bianchi e dei commenti, è semplice e priva di rischi. Il secondo, la ridenominazione delle variabili, richiede la comprensione delle regole di ambito ed è ciò che i minimizzatori di produzione come Terser ed esbuild sanno fare meglio.

Questo strumento si concentra sulla minimizzazione sicura: eliminando i commenti, comprimendo gli spazi bianchi, rimuovendo i punti e virgola ridondanti e abbreviando i modelli evidenti. La ridenominazione delle variabili è conservativa: vengono toccate solo le variabili locali negli ambiti chiari e i nomi con riferimenti esterni vengono lasciati soli. Il risultato è funzionalmente identico all'origine.

Per la minimizzazione a livello di produzione, strumenti dedicati (Terser, esbuild, swc) comprendono l'intero modello di ambito ECMAScript e producono output significativamente più piccoli. Questo strumento serve per una rapida minimizzazione lato browser quando non è disponibile una configurazione di build completa.

Perché minimizzare JavaScript

I bundle JavaScript sono in genere la risorsa singola più grande su una pagina Web moderna. La minimizzazione produce abitualmente una riduzione delle dimensioni del 30–60% rispetto alla fonte non minimizzata. In combinazione con gzip o Brotli, la riduzione si riduce leggermente, ma la combinazione consente comunque di risparmiare byte misurabili, in particolare per gli utenti con connessioni lente.

JavaScript più veloce significa anche Time to Interactive più veloce. Gli script più piccoli vengono scaricati più velocemente, analizzati più velocemente ed eseguiti prima. Per i siti in cui il TTI influisce sulla frequenza di rimbalzo e sul posizionamento SEO, la minimizzazione è una delle soluzioni più economiche disponibili.

Come usarlo

Incolla JavaScript, ottieni una versione più piccola.

  1. Aggiungi input JavaScript: Incolla l'origine nell'area di input o rilascia un file .js. Il minificatore accetta JavaScript moderno (ES2015+) incluse funzioni freccia, valori letterali modello, classi e moduli.
  2. Scegli le opzioni: Le impostazioni predefinite rimuovono i commenti e comprimono gli spazi bianchi. La ridenominazione delle variabili locali è conservativa; abilita una ridenominazione più aggressiva se hai bisogno della massima compressione.
  3. Minimizza: Il minificatore analizza la fonte, rimuove spazi bianchi e commenti e genera un output compatto. Gli errori di sintassi nel sorgente producono chiari messaggi di errore.
  4. Usa l'output: Sostituisci l'origine dello script in produzione. Per un'ottimizzazione completa, abbinalo a un bundler che gestisca lo scuotimento degli alberi e l'eliminazione dei codici morti.

Casi d'uso comuni

Dettagli tecnici

Il minificatore tokenizza JavaScript utilizzando un parser che rispetta la sintassi ECMAScript. I commenti (su riga singola e su più righe) vengono rimossi ad eccezione dei commenti sulla licenza contrassegnati con /*! prefisso. Gli spazi bianchi sono compressi tranne dove richiesto dal punto di vista sintattico (tra gli identificatori, dopo le parole chiave).

La ridenominazione conservativa delle variabili riduce le variabili locali in ambiti semplici. I nomi globali, esportati e importati non vengono rinominati, poiché ciò interromperebbe i riferimenti esterni. Per una ridenominazione approfondita, utilizzare Terser o esbuild con un'analisi adeguata del modulo.

Casi limite: l'inserimento automatico del punto e virgola (ASI) significa che il minificatore deve preservare i ritorni a capo in alcuni contesti per evitare di modificare il comportamento del programma. I valori letterali modello, i valori regolari regex e JSX (se l'input lo include) vengono conservati esattamente perché il loro contenuto potrebbe non essere sicuro da comprimere.

Migliori pratiche

Domande frequenti

La minimizzazione cambia il modo in cui funziona il mio codice?
No. La minimizzazione rimuove gli spazi bianchi e i commenti, che non influiscono sull'esecuzione. L'accorciamento delle variabili (movimentazione) rinomina le variabili locali ma preserva il comportamento. Le variabili globali e i nomi esportati vengono mantenuti intatti.
Dovrei minimizzare in fase di sviluppo o produzione?
Utilizzare solo codice minimizzato in produzione. Durante lo sviluppo, conservare il codice leggibile originale. La maggior parte degli strumenti di creazione (Webpack, Vite, esbuild) gestiscono automaticamente la minimizzazione come parte del processo di creazione della produzione.
Qual è la differenza tra minimizzazione e offuscamento?
La minimizzazione riduce le dimensioni mantenendo il codice funzionalmente leggibile se formattato. L'offuscamento rende intenzionalmente difficile la comprensione del codice (codifica delle stringhe, appiattimento del flusso di controllo). Questo strumento si concentra sulla riduzione delle dimensioni, non sull'offuscamento.
Quanta riduzione delle dimensioni devo aspettarmi?
In genere il 30-60% prima di gzip. Il codice ben commentato con nomi di variabili lunghi vede le maggiori riduzioni. Combinati con la compressione gzip, i file JavaScript sono spesso più piccoli dell'80-90% rispetto alla fonte originale.
Il mio codice è caricato su un server?
No. Il minificatore viene eseguito nel tuo browser.
Quanto più piccolo sarà il mio JavaScript?
Tipicamente riduzione del 30–60%. Il codice pesante con variabili e identificatori lunghi si comprime di più; il codice ricco di espressioni si comprime meno.
Devo minimizzare a mano?
Mai. Mantieni JavaScript leggibile nell'origine. Esegui la minimizzazione come passaggio di creazione o come parte della distribuzione.
Funziona su TypeScript?
TypeScript deve essere prima compilato in JavaScript utilizzando tsc o esbuild. Una volta compilato, il JavaScript risultante può essere minimizzato.