JavaScript-Minifizierer
Verkleinere JavaScript-Dateien und sieh genau, wie viel du gespart hast.
Läuft in deinem Browser. Nichts, was du eingibst, wird irgendwohin gesendet.
- Kürzt Variablennamen
- Zeigt gesparte Bytes
- Nichts wird hochgeladen
So minifizierst du JavaScript
- Füg dein JavaScript ein.
- Schalte Komprimieren oder Variablennamen kürzen aus, wenn sie lesbar bleiben sollen.
- Kopiere oder lade die minifizierte Datei herunter.
Was Komprimieren und Variablennamen kürzen jeweils tun
| Option | Was sie tut |
|---|---|
| Komprimieren | Entfernt toten Code und vereinfacht Ausdrücke |
| Variablennamen kürzen | Benennt lokale Variablen zu kurzen Namen wie a, b und c um |
Was so oder so gleich bleibt
- Das sichtbare Verhalten: dieselben Eingaben erzeugen weiterhin dieselben Ausgaben.
- Jede Zeichenkette im Code, auch jeder dem Nutzer angezeigte Text.
- Die Reihenfolge, in der Operationen laufen.
- Ein /*! ... */-Kommentar, da Terser diesen Stil standardmäßig behält, die Konvention, die viele Bibliotheken für Lizenzhinweise nutzen.
Tipps zum Minifizieren von JavaScript
- Behalte eine nicht minifizierte Kopie, oder erzeuge eine Source Map in deinem Build-Tool, damit Fehler in der Produktion lesbar bleiben.
- Schalte Variablennamen kürzen aus für eine Bibliothek, die andere Entwickler lesen werden, damit Fehlermeldungen aussagekräftige Namen behalten.
- Führ Tests gegen die minifizierte Ausgabe aus, bevor du sie ausrollst, denn ein seltener Grenzfall in einem Minifizierer ist trotz weiter Verbreitung immer noch möglich.
Häufige Fragen zu JavaScript-Minifizierer
Ist minifiziertes JavaScript noch gültiger Code?
Ja. Es läuft genau wie das Original, nur mit kürzeren Namen und ohne zusätzlichen Leerraum.
Wie viel kleiner wird JavaScript normalerweise?
Oft 30 bis 60 Prozent kleiner, je nachdem wie viele Kommentare und lange Variablennamen das Original hat.
Was passiert, wenn mein Code einen Syntaxfehler hat?
Der Fehler wird mit Zeile und Spalte angezeigt, an der er auftrat, du kannst ihn also beheben und es erneut versuchen.
Was ist der Unterschied zwischen Komprimieren und Variablennamen kürzen?
Komprimieren schreibt den Code um, um tote Zweige zu entfernen und Ausdrücke zu vereinfachen. Variablennamen kürzen benennt lokale Variablen zu einzelnen Buchstaben um. Beides lässt sich einzeln ausschalten.
Kann das moderne Syntax wie async und Arrow-Funktionen minifizieren?
Ja, samt ES2020-Syntax und neuer, wie optional chaining und async oder await.
Welchen Minifizierer nutzt das hier?
Terser, den Standard-Nachfolger von UglifyJS und den Minifizierer, den die meisten Bundler, darunter webpack, Rollup und esbuild, standardmäßig nutzen.
Kann Minifizieren meinen Code jemals kaputt machen?
Bei normalem Code sollte sich das Verhalten nicht ändern. Code, der zur Laufzeit den ursprünglichen Namen einer Funktion oder Variable ausliest, etwa über nicht standardmäßige Introspektionstricks, kann kaputtgehen, sobald Namen gekürzt sind. Schalte Variablennamen kürzen aus, falls das auf dich zutrifft.
Unterstützt es TypeScript-Syntax?
Nein, das hier erwartet reines JavaScript. TypeScripts Typannotationen sind kein gültiges JavaScript und verursachen hier einen Syntaxfehler, kompiliere TypeScript also zuerst zu JavaScript.