Zum Inhalt springen
SPCXTools

JavaScript Minifier

Komprimiere dein JavaScript mit Terser – kleinere Dateien, gleiches Verhalten.

Läuft lokal – Dateien verlassen dein Gerät nicht

Tool wird geladen…

So nutzt du: JavaScript Minifier

  1. 1Füge dein JavaScript in das Feld Eingabe ein oder klicke auf Beispiel.
  2. 2Der minimierte Code erscheint automatisch auf der rechten Seite.
  3. 3Wähle aus, ob du Variablennamen verkürzen und Lizenzkommentare beibehalten möchtest.
  4. 4Kopiere das Ergebnis oder lade es als minified.js herunter.

JavaScript verkleinern

JavaScript ist oft der schwerste Teil einer Webseite, und jedes Kilobyte muss heruntergeladen, geparst und ausgeführt werden, bevor die Seite interaktiv wird. Durch das Minifizieren lässt sich die Dateigröße oft um die Hälfte oder mehr reduzieren. Dieses Tool nutzt Terser, den Minifier hinter den meisten modernen Build-Tools, um Leerzeichen und Kommentare zu entfernen, Namen zu verkürzen und sichere Code-Komprimierungen anzuwenden – direkt in deinem Browser.

Funktionen

  • Terser-Engine mit moderner ES2015+-Unterstützung.
  • Komprimierung: Entfernung von ungenutztem Code (Dead-Code), Constant Folding und kürzere Syntax.
  • Name Mangling für lokale Variablen (optional).
  • Lizenzkommentare bleiben auf Wunsch erhalten.
  • Größenvergleich in Bytes und Prozent.
  • Privat: Der Code wird lokal verarbeitet.

Typische Einsparungen

Code Typische Reduzierung
Gut kommentierter Anwendungscode 50–70%
Quellcode von Bibliotheken 40–60%
Bereits kompakter Code 15–30%
Bereits minifizierter Code 0–5%

Die Auslieferung minifizierter Dateien mit gzip- oder Brotli-Komprimierung reduziert die Übertragungsgröße typischerweise um weitere 60–75%.

Tipps

  • Behalte den Originalcode – minifizierter Code ist schwer zu lesen und zu debuggen. Nutze Source Maps in deinem Build, um Produktionscode zu debuggen.
  • Minifiziere als Build-Schritt für die Produktion; dieses Tool ist ideal für einzelne Skripte, Snippets, Bookmarklets und Projekte ohne Bundler.
  • Teste nach dem Minifizieren, insbesondere Code, der auf Funktionsnamen oder eval angewiesen ist.

Verwandte Tools

Komprimiere Stylesheets mit dem CSS Minifier, formatiere Daten mit dem JSON Formatter oder kodiere Skripte zum Einbetten mit Base64.

Häufige Fragen

Was macht ein JavaScript-Minifier?
Er entfernt Leerzeichen und Kommentare, verkürzt lokale Variablen- und Funktionsnamen (Mangling) und schreibt den Code in kürzere Äquivalente um – zum Beispiel durch das Entfernen von unerreichbarem Code und die Vereinfachung von Ausdrücken – ohne die Funktion des Codes zu ändern.
Welche JavaScript-Syntax wird unterstützt?
Terser unterstützt modernes JavaScript (ES2015 und neuer), einschließlich Arrow-Funktionen, Klassen, Modulen, async/await und Optional Chaining. TypeScript und JSX müssen zuerst zu JavaScript kompiliert werden.
Ist es sicher, Variablennamen zu verkürzen?
Terser benennt nur lokale Variablen und Funktionen um, niemals globale Namen oder Objekteigenschaften, sodass funktionierender Code weiterhin funktioniert. Wenn der Code zur Laufzeit auf Funktionsnamen angewiesen ist (zum Beispiel fn.name), sollte die Namensverkürzung deaktiviert werden.
Warum erhalte ich einen Syntaxfehler?
Der Minifier muss den Code zuerst parsen. Fehler bedeuten meist eine fehlende Klammer oder ein fehlendes Anführungszeichen, oder Syntax, die kein JavaScript ist – wie TypeScript-Typannotationen oder JSX. Die Fehlermeldung zeigt, was schiefgelaufen ist.
Wird mein Code hochgeladen?
Nein. Terser läuft direkt in deinem Browser, sodass proprietärer Code dein Gerät niemals verlässt.

Ähnliche Tools

CSS MinifierStylesheets verkleinern – Leerzeichen, Kommentare und überflüssige Regeln werden entfernt – und direkt sehen, wie viel Platz gespart wurde.JSON Formatter & ValidatorJSON sofort formatieren, komprimieren und validieren, mit genauer Fehlerlokalisierung.HTML kodieren / dekodierenText in sichere HTML-Entities umwandeln – oder Entities zurück in lesbare Zeichen dekodieren.Base64 Kodieren & DekodierenWandeln Sie Text und Dateien in Base64 um und zurück, mit voller Unterstützung für UTF-8 und Base64URL.Base64 zu BildDekodieren Sie Base64-Strings und Data URIs direkt im Browser zurück in sichtbare, herunterladbare Bilder.Chmod-RechnerKonvertiere zwischen Checkboxen, Oktalzahlen wie 755 und symbolischen Rechten wie rwxr-xr-x.