Minificatore JS/CSS

Free

Riduce JavaScript o CSS rimuovendo spazi e commenti, con abbreviazione opzionale dei nomi delle variabili per JavaScript, e statistiche di dimensione prima/dopo.

Input

Abbrevia i nomi delle variabili (mangle)

Output minificato

Informazioni su questo strumento

Rimuove spazi, commenti e caratteri non necessari per ridurre la dimensione del file JavaScript o CSS.
Non formatta. Per un output leggibile e indentato, usa uno strumento di formattazione dedicato.

Attività recente

Visibile a tutti. Ultimi 20 utilizzi su tutti i visitatori, i più recenti per primi.

Minified 113 characters of CSS

19 ore fa

Minified 127 characters of JavaScript

19 ore fa

Minified 127 characters of JavaScript

19 ore fa

Commenti (0)

Hai trovato utile questo strumento? Lascia un commento, condividi un consiglio, o dicci come possiamo migliorarlo.

Ancora nessun commento. Sii il primo a condividere il tuo pensiero!

Cosa fa questo strumento

Incolla JavaScript o CSS leggibile e questo strumento lo riduce rimuovendo spazi, commenti e (per JavaScript, facoltativamente) abbreviando i nomi delle variabili locali, producendo un file più piccolo con un comportamento identico.

Come funziona

Lo strumento analizza il tuo codice in un albero di sintassi astratta usando il motore open source terser per JavaScript e clean-css per CSS, poi rigenera la fonte equivalente più compatta da quell'albero: eliminando commenti e spazi non necessari, abbreviando valori numerici e di colore dove sicuro, e, per JavaScript con mangling attivato, rinominando gli identificatori di ambito locale con i nomi più brevi disponibili. Poiché la trasformazione opera sulla struttura analizzata piuttosto che sul testo grezzo, il codice risultante si comporta in modo identico all'originale.

Problemi che risolve

Ridurre la dimensione di un file JavaScript o CSS per velocizzare il caricamento della pagina, specialmente prima di un deploy manuale senza una pipeline di build.
Produrre rapidamente un bundle pronto per la produzione da un singolo script o foglio di stile senza configurare uno strumento di build completo.
Vedere esattamente quanto si riduce un file, con un confronto esatto delle dimensioni prima/dopo.

Domande frequenti

›Questo strumento formatta o abbellisce anche il codice?

No, questo strumento si limita a minificare (ridurre) il codice rimuovendo spazi e commenti. Se invece hai bisogno di codice leggibile e correttamente indentato, usa uno strumento di formattazione dedicato.

›Cosa significa "mangle" per JavaScript?

Il mangling rinomina variabili locali e parametri di funzione in nomi brevi come "a" o "b" ovunque sia sicuro farlo, risparmiando byte aggiuntivi oltre alla semplice rimozione degli spazi. Non rinomina mai i nomi accessibili globalmente, quindi non interrompe il codice che si basa su identificatori globali specifici.

›Il codice minificato è sicuro da usare in produzione?

Sì, la minificazione modifica solo spazi, commenti e (facoltativamente) nomi di variabili locali. La logica e il comportamento del codice vengono preservati esattamente, motivo per cui il JavaScript e il CSS minificati sono una prassi standard sui siti web di produzione.

›Perché la minificazione è fallita con un errore?

I minificatori hanno bisogno di JavaScript o CSS valido e analizzabile. Se il tuo input contiene un errore di sintassi, il minificatore non può costruirne una rappresentazione interna corretta. Controlla il codice in un linter o nella console del browser per trovare il problema esatto, correggilo e riprova.

›Dovrei conservare una copia non minificata del mio codice?

Sì. Conserva sempre il tuo codice sorgente originale e leggibile come la versione che modifichi e mantieni, e genera la versione minificata come fase di build. Considera l'output minificato come un artefatto usa e getta, non come un file da modificare a mano.

Renderizza il Markdown come HTML dal vivo e sanificato affiancato alla fonte, con un interruttore per visualizzare e copiare l'HTML generato.