Minificeert JavaScript met Terser — commentaar en witruimte weg, lokale variabelenamen ingekort, expressies vereenvoudigd — of maakt geminificeerde code juist weer leesbaar. Omdat Terser een echte parser is, worden moderne constructies als arrow functions, classes en optional chaining correct verwerkt, en levert een syntaxfout een duidelijke melding op in plaats van kapotte uitvoer.
Minify vs. Beautify
Minify verkleint je JavaScript tot de kleinst werkende grootte — het verwijdert commentaar en witruimte, verkort lokale variabelenamen en vereenvoudigt expressies. Het wordt aangedreven door Terser, een echte JavaScript-parser, dus moderne syntaxis (arrow-functies, template-literals, classes, optional chaining) wordt correct verwerkt in plaats van kapotgemaakt door een naïeve tekstvervanging; als je code een syntaxfout bevat, krijg je een duidelijke melding die ernaar verwijst. Beautify doet het tegenovergestelde en springt geminificeerde of rommelige code opnieuw in zodat deze weer leesbaar is.
De JavaScript-minifier gebruiken
- Plakken — plak de JavaScript die je wilt minifyen of beautifyen in het invoerveld hierboven.
- Inspringing kiezen — kies 2 spaties, 4 spaties of een tab (alleen van toepassing op het Beautify-resultaat; het heeft geen invloed op Minify).
- Uitvoeren — klik op 'Minify' of 'Beautify'. Bij de eerste keer Minify wordt de Terser-bibliotheek eenmalig opgehaald en daarna uitgevoerd.
- Kopiëren — bekijk de grootte-uitlezing en zet het resultaat met de knop 'Kopiëren' op je klembord.
Wordt moderne syntaxis (arrow-functies, classes enz.) veilig geminificeerd?
Ja. Omdat het minifyen wordt uitgevoerd door de echte JavaScript-parser Terser, worden ook moderne ES-syntaxis zoals arrow-functies, template-literals, classes, optional chaining en destructuring correct begrepen en verwerkt. Ook onderdelen die bij een naïeve tekstvervanging kapot zouden gaan, zoals regex-literals en tekst die op commentaar lijkt binnen een string, blijven behouden.
Verandert minifyen het gedrag van mijn code?
Nee. Terser voert alleen transformaties uit die het gedrag van de code behouden — het inkorten van lokale variabelenamen, het verwijderen van dode code en het vereenvoudigen van expressies gebeuren allemaal veilig, met een identiek resultaat. Identifiers die naar buiten worden blootgesteld, zoals globale variabele- of functienamen, worden echter niet zomaar gewijzigd, omdat andere code ernaar kan verwijzen.
Wat gebeurt er bij een syntaxfout?
Omdat Terser je code daadwerkelijk parseert, stopt het bij een syntaxfout — zoals niet-gekoppelde haakjes of een ongeldige token — met minifyen en toont het een duidelijke foutmelding die de plek (regel en kolom) van het probleem aanwijst. In plaats van stilzwijgend een verkeerd resultaat te geven, laat het zien waar je moet corrigeren; pas de aangewezen plek aan en probeer opnieuw.
Wordt mijn code geüpload? Waarom de korte pauze bij de eerste minify?
Er wordt niets geüpload — alles draait in je browser. De Terser-minifier is een grote bibliotheek, dus om deze pagina snel te laten laden wordt hij pas opgehaald wanneer je voor het eerst op Minify drukt (je ziet mogelijk eenmalig een korte "Minifyen…"-pauze); daarna is hij gecachet. Beautify is direct. Als je klaar bent, laat de grootte-uitlezing zien hoeveel bytes het minifyen heeft bespaard, en Kopiëren zet het resultaat op je klembord.