Slik bruker du det
- Lim inn JavaScript-en din, åpne en
.js-fil, eller start med eksempelet. - Den minifiserte koden vises mens du skriver, med størrelsen før og etter. En syntaksfeil vises med linje og kolonne.
- Kopier den eller last den ned som
script.min.js.
Hva det gjør
JavaScript-minifier kjører Terser, minifieren som ligger i de fleste byggeverktøy:
- Fjerner mellomrom og kommentarer.
- Forkorter navn på lokale variabler og parametere (
firstblirn). Navn på toppnivå forblir som de er, så andre skript på siden fortsatt kan kalle funksjonene dine. - Fjerner kode som aldri kan kjøre, og forenkler uttrykk (
if (x) { return a } else { return b }blirreturn x ? a : b).
Er det verdt det?
JavaScript er det dyreste en side laster: det må lastes ned, parses og kjøres. Minifisering halverer vanligvis størrelsen på et skript før gzip- eller Brotli-komprimering, og sparer ofte fortsatt en tredjedel etterpå, fordi kortere navn og manglende kommentarer også teller. Byggeverktøy som Vite og esbuild minifiserer allerede for produksjon; denne siden er for skript du skriver og publiserer for hånd, og for å se hva minifisering gjør med et kodeutdrag.
Ofte stilte spørsmål
Kan minifisering ødelegge koden min?
Terser bevarer meningen i gyldig kode. Kode som leser sine egne funksjonsnavn eller sin egen kildetekst under kjøring (sjelden), kan oppføre seg annerledes. Behold den lesbare versjonen som kilde og test den minifiserte.
Støtter det moderne JavaScript?
Ja, inkludert moduler, klasser, async/await og optional chaining. Det endrer ikke hvilke nettlesere koden din kjører i.
Hva med source maps?
Denne siden lager dem ikke. Byggeverktøy skriver source maps ved siden av den minifiserte filen, slik at utviklerverktøyene i nettleseren kan vise den opprinnelige koden din.
Lastes koden min opp?
Nei. Terser lastes inn i nettleseren din og kjører der.