Zo gebruik je het
- Plak je JavaScript, open een
.js-bestand, of begin met het voorbeeld. - De geminificeerde code verschijnt terwijl je typt, met de grootte ervoor en erna. Een syntaxfout wordt getoond met regel en kolom.
- Kopieer hem of download hem als
script.min.js.
Wat het doet
De JavaScript-minifier draait Terser, de minifier in de meeste buildtools:
- Verwijdert witruimte en commentaar.
- Verkort namen van lokale variabelen en parameters (
firstwordtn). Namen op het hoogste niveau blijven zoals ze zijn, zodat andere scripts op de pagina je functies nog kunnen aanroepen. - Verwijdert code die nooit kan draaien, en vereenvoudigt expressies (
if (x) { return a } else { return b }wordtreturn x ? a : b).
Is het de moeite waard?
JavaScript is het duurste wat een pagina laadt: het moet worden gedownload, geparset en uitgevoerd. Minificeren halveert de grootte van een script meestal vóór gzip- of Brotli-compressie, en bespaart erna vaak nog een derde, omdat kortere namen en ontbrekend commentaar ook meetellen. Buildtools zoals Vite en esbuild minificeren al voor productie; deze pagina is voor scripts die je met de hand schrijft en publiceert, en om te zien wat minificeren met een snippet doet.
Veelgestelde vragen
Kan minificeren mijn code kapotmaken?
Terser behoudt de betekenis van geldige code. Code die tijdens het draaien zijn eigen functienamen of brontekst leest (zeldzaam), kan zich anders gedragen. Houd de leesbare versie als bron en test de geminificeerde.
Ondersteunt het modern JavaScript?
Ja, inclusief modules, classes, async/await en optional chaining. Het verandert niet in welke browsers je code draait.
En source maps?
Deze pagina maakt ze niet. Buildtools schrijven source maps naast het geminificeerde bestand, waardoor de ontwikkelaarstools van de browser je oorspronkelijke code kunnen tonen.
Wordt mijn code geüpload?
Nee. Terser laadt in je browser en draait daar.