JavaScript-Minifier
JavaScript-Code minifizieren und verkleinern.
Wie funktioniert die JavaScript-Verkleinerung?
Der Minifier entfernt Zeilen- und Blockkommentare (unter Berücksichtigung von Zeichenketten, damit z. B. "//" innerhalb eines Strings erhalten bleibt) sowie überflüssige Leerzeichen und leere Zeilen.
Beispiel
Eine Funktion mit Kommentaren und Einrückungen wird auf ihren funktionalen Kern reduziert – Kommentare verschwinden, mehrfache Leerzeichen werden zusammengefasst.
Zweites Beispiel
Ein kleines Utility-Skript für ein Bookmarklet, das du als javascript:-Link im Lesezeichen ablegen willst, hat oft eine feste Längengrenze in der Adressleiste des Browsers. Kopierst du den fertigen, kommentierten Code hinein, entfernt der Minifier Kommentare und überflüssige Leerzeichen, sodass der Link kürzer wird und eher innerhalb der vom Browser tolerierten Zeichenzahl bleibt.
Wann brauchst du die JavaScript-Verkleinerung?
- Ein Bookmarklet oder ein kleines Inline-Skript so kompakt wie möglich halten.
- Ein kurzes Skript direkt in ein
<script>-Tag einer statischen Seite einbetten, ohne dafür einen Build-Schritt aufzusetzen. - Vor dem Einfügen in ein Formular oder Feld mit Zeichenlimit (z. B. ein Tag-Manager-Snippet) den Code verkürzen.
- Schnell abschätzen, wie viele Zeichen allein durch Kommentare und Formatierung eingespart werden könnten, bevor du ein vollwertiges Build-Tool einrichtest.
Gut zu wissen: Die Kommentar-Erkennung verfolgt zwar den Zustand innerhalb von Anführungszeichen und Backticks, versteht aber keine verschachtelten Template-Literale mit eingebetteten Ausdrücken wie `außen ${`innen`} außen` – bei solchen Konstrukten kann die naive Zeichen-für-Zeichen-Erkennung den inneren Backtick fälschlich als Ende des äußeren Strings werten. Bei komplexem, modernem Code lohnt sich vor dem produktiven Einsatz ein kurzer Funktionstest des minifizierten Ergebnisses.
Häufige Fragen
Werden Variablennamen umbenannt wie bei Terser?
Nein, dieser Minifier führt keine echte Kompression mit Umbenennung durch, sondern entfernt nur Kommentare und überflüssige Leerzeichen – für maximale Kompression eignen sich Build-Tools wie Terser besser.
Kann die Minifizierung Code kaputt machen?
Bei Code, der sich auf automatische Semikolon-Einfügung (ASI) verlässt, kann das Entfernen von Zeilenumbrüchen in seltenen Fällen zu Problemen führen – teste minifizierten Code daher vor dem Einsatz.
Werden Zeichenketten (Strings) korrekt erkannt?
Ja, der Minifier verfolgt den Zustand innerhalb von Anführungszeichen, sodass Kommentarzeichen innerhalb von Strings nicht fälschlich als Kommentar interpretiert werden.
Eignet sich das Tool für ein Bookmarklet mit Zeichenlimit?
Ja, für einfache Bookmarklets reicht das Entfernen von Kommentaren und Leerzeichen meist aus, um spürbar Zeichen zu sparen – für sehr lange Skripte kann trotzdem noch weiter komprimiert werden müssen.
Was passiert bei verschachtelten Template-Strings?
Template-Literale mit eingebetteten Ausdrücken, die selbst wieder Backticks enthalten, kann die einfache Zustandsverfolgung fehlinterpretieren – bei solchem Code sollte das Ergebnis vor dem Einsatz getestet werden.