Minifiziert JavaScript mit Terser — entfernt Kommentare und Leerzeichen, kürzt lokale Variablennamen und vereinfacht Ausdrücke — oder formatiert minifizierten Code wieder lesbar. Weil Terser ein echter Parser ist, werden moderne Konstrukte wie Arrow Functions, Klassen und Optional Chaining korrekt behandelt, und ein Syntaxfehler liefert eine klare Meldung statt kaputter Ausgabe.
Minifizieren vs. Verschönern
Minifizieren verkleinert Ihr JavaScript auf die kleinste funktionierende Größe – es entfernt Kommentare und Leerzeichen, kürzt lokale Variablennamen und vereinfacht Ausdrücke. Es basiert auf Terser, einem echten JavaScript-Parser, sodass moderne Syntax (Pfeilfunktionen, Template-Literale, Klassen, optionale Verkettung) korrekt behandelt wird, statt durch ein naives Ersetzen von Text beschädigt zu werden; enthält Ihr Code einen Syntaxfehler, erhalten Sie eine klare Meldung, die darauf hinweist. Verschönern macht das Gegenteil und rückt minifizierten oder unübersichtlichen Code neu ein, sodass er wieder lesbar ist.
So verwenden Sie den JavaScript-Minifier
- Einfügen — Fügen Sie das JavaScript, das Sie minifizieren oder verschönern möchten, oben in das Eingabefeld ein.
- Einrückung wählen — Wählen Sie zwischen 2 Leerzeichen, 4 Leerzeichen oder Tab (gilt nur für das Ergebnis des Verschönerns und hat keinen Einfluss auf das Minifizieren).
- Ausführen — Klicken Sie auf „Minifizieren“ oder „Verschönern“. Beim ersten Minifizieren wird zunächst einmal die Terser-Bibliothek geladen und dann ausgeführt.
- Kopieren — Prüfen Sie die Größenanzeige und legen Sie das Ergebnis mit „Kopieren“ in die Zwischenablage.
Wird auch moderne Syntax (Pfeilfunktionen, Klassen usw.) sicher minifiziert?
Ja. Das Minifizieren erfolgt mit Terser, einem echten JavaScript-Parser, sodass moderne ES-Syntax wie Pfeilfunktionen, Template-Literale, Klassen, optionale Verkettung und Destrukturierung korrekt verstanden und verarbeitet wird. Auch Regex-Literale oder kommentarähnlicher Text in Zeichenketten – Dinge, die ein naives Ersetzen von Text beschädigt hätte – bleiben erhalten.
Ändert das Minifizieren das Verhalten meines Codes?
Nein. Terser führt ausschließlich Transformationen durch, die das Verhalten des Codes erhalten – das Kürzen lokaler Variablennamen, das Entfernen toten Codes und das Vereinfachen von Ausdrücken erfolgen alle so, dass das Ergebnis identisch bleibt. Nach außen sichtbare Bezeichner wie globale Variablen- oder Funktionsnamen werden jedoch nicht willkürlich verändert, da anderer Code sie referenzieren könnte.
Was passiert bei einem Syntaxfehler?
Da Terser den Code tatsächlich parst, bricht es das Minifizieren bei einem Syntaxfehler wie nicht passenden Klammern oder einem ungültigen Token ab und zeigt eine klare Fehlermeldung, die auf die Stelle des Problems (Zeile und Spalte) hinweist. Statt still ein falsches Ergebnis zu liefern, erfahren Sie, wo Sie korrigieren müssen; beheben Sie die angezeigte Stelle und versuchen Sie es erneut.
Wird mein Code hochgeladen? Warum die kurze Pause beim ersten Minifizieren?
Es wird nichts hochgeladen – alles läuft in Ihrem Browser. Der Terser-Minifier ist eine große Bibliothek, deshalb wird sie – damit diese Seite schnell lädt – erst beim ersten Druck auf Minifizieren geladen (Sie sehen möglicherweise einmal eine kurze Pause „Wird minifiziert…“); danach ist sie zwischengespeichert. Das Verschönern erfolgt sofort. Wenn Sie fertig sind, zeigt die Größenanzeige, wie viele Bytes das Minifizieren gespart hat, und „Kopieren“ legt das Ergebnis in Ihre Zwischenablage.