Riduci le dimensioni del tuo JavaScript
JavaScript è spesso la parte più pesante di una pagina web, e ogni kilobyte deve essere scaricato, analizzato ed eseguito prima che la pagina diventi interattiva. La minificazione può ridurne le dimensioni della metà o più. Questo strumento usa Terser, il minifier alla base dei più moderni tool di build, per rimuovere spazi e commenti, accorciare i nomi e applicare compressioni sicure al codice, direttamente nel tuo browser.
Funzionalità
- Motore Terser con supporto moderno a ES2015+.
- Compressione: rimozione del codice morto, constant folding e sintassi più concisa.
- Offuscamento dei nomi per le variabili locali (opzionale).
- Commenti di licenza mantenuti su richiesta.
- Confronto delle dimensioni in byte e in percentuale.
- Privato: il codice viene elaborato localmente.
Risparmio tipico
| Codice | Riduzione tipica |
|---|---|
| Codice applicativo ben commentato | 50–70% |
| Codice sorgente di librerie | 40–60% |
| Codice già compatto | 15–30% |
| Codice già minificato | 0–5% |
Servire i file minificati con la compressione gzip o Brotli riduce solitamente le dimensioni di trasferimento di un ulteriore 60–75%.
Consigli
- Conserva il codice sorgente originale: il codice minificato è difficile da leggere e debuggare. Usa le source map nella tua build per il debug del codice in produzione.
- Minifica come fase di build per la produzione; questo strumento è ideale per script singoli, snippet, bookmarklet e progetti senza bundler.
- Testa dopo la minificazione, specialmente il codice che si basa sui nomi delle funzioni o su
eval.
Strumenti correlati
Minimizza i fogli di stile con il Minificatore CSS, formatta i dati con il Formattatore JSON o codifica gli script da incorporare con Base64.