So nutzt du es
- Füg dein JavaScript ein, öffne eine
.js-Datei oder starte mit dem Beispiel. - Der minifizierte Code erscheint, während du tippst, mit der Größe vorher und nachher. Ein Syntaxfehler wird mit Zeile und Spalte angezeigt.
- Kopiere ihn oder lade ihn als
script.min.jsherunter.
Was es macht
Der JavaScript-Minifier nutzt Terser, den Minifier in den meisten Build-Tools:
- Entfernt Leerraum und Kommentare.
- Kürzt Namen lokaler Variablen und Parameter (
firstwird zun). Namen auf oberster Ebene bleiben, wie sie sind, damit andere Skripte auf der Seite deine Funktionen weiter aufrufen können. - Entfernt Code, der nie laufen kann, und vereinfacht Ausdrücke (
if (x) { return a } else { return b }wird zureturn x ? a : b).
Lohnt es sich?
JavaScript ist das Teuerste, was eine Seite lädt: Es muss heruntergeladen, geparst und ausgeführt werden. Minifizieren halbiert die Größe eines Skripts vor der gzip- oder Brotli-Kompression meist und spart oft auch danach noch ein Drittel, weil sich kürzere Namen und fehlende Kommentare ebenfalls auswirken. Build-Tools wie Vite und esbuild minifizieren für die Produktion bereits; diese Seite ist für Skripte, die du von Hand schreibst und auslieferst, und um zu prüfen, was Minifizieren mit einem Snippet macht.
Häufige Fragen
Kann Minifizieren meinen Code kaputt machen?
Terser erhält die Bedeutung von gültigem Code. Code, der zur Laufzeit seine eigenen Funktionsnamen oder seinen Quelltext liest (selten), kann sich anders verhalten. Behalte die lesbare Version als Quelle und teste die minifizierte.
Unterstützt es modernes JavaScript?
Ja, einschließlich Modulen, Klassen, async/await und Optional Chaining. Es ändert nicht, in welchen Browsern dein Code läuft.
Was ist mit Source Maps?
Diese Seite erstellt keine. Build-Tools schreiben Source Maps neben die minifizierte Datei, damit die Entwicklertools im Browser deinen ursprünglichen Code zeigen können.
Wird mein Code hochgeladen?
Nein. Terser wird in deinen Browser geladen und läuft dort.