JavaScript-Minimierer & Formatierer
JavaScript-Code mit anpassbaren Optionen komprimieren oder formatieren
JavaScript-Minimierer & Formatierer Dokumentation
Was ist dieses Tool?
JavaScript-Minifizierung entfernt Leerzeichen, Kommentare und unnötige Token unter Beibehaltung der Laufzeitsemantik. Anders als CSS muss JS-Minifizierung die Automatic Semicolon Insertion (ASI) respektieren. Dieses Tool wendet konservative Leerzeichen-Entfernung an, behält ASI-sensitive Zeilenumbrüche bei und entfernt alle Kommentare (// und /* */).
Hauptfunktionen
- Leerzeichen- und Kommentarentfernung: entfernt Leerzeichen, Leerzeilen, // und /* */. Bewahrt String-, Template- und Regex-Literale.
- ASI-sichere Zeilenumbruch-Behandlung: Zeilenumbrüche vor (, [, /, +, -Anweisungen beibehalten.
- Kein Variablen-Renaming: anders als Terser/UglifyJS benennt das Tool keine lokalen Variablen um.
- ES6+-Unterstützung: Arrow-Funktionen, Destructuring, Template-Literale, Optional Chaining (?.), Nullish Coalescing (??).
- Konfigurierbarer Beautifier: 2/4-Leerzeichen oder Tab; Zeilenumbrüche nach {/}/; und vor //; Quote-Stil-Normalisierung.
Häufige Anwendungsfälle
- Entwicklungs-Debugging: Minifiziertes JS (React/Vue/Angular-Bundles) beautifizieren ohne Source Map.
- Schnelle Einzel-Minifizierung: Inline-JS in HTML-Seiten ohne Webpack-Konfiguration.
- Sicherheitsanalyse: obfuskierte Drittanbieter-Skripte beautifizieren.
- Größenschätzung: Byte-Vergleich Leerzeichen-Entfernung vs. Terser-Renaming.
Verwendung des JavaScript Minifiers
Zwei Modi: Minify (Kommentare/Leerzeichen entfernen) und Beautify (konsistente Einrückung wiederherstellen).
JavaScript komprimieren:
- JavaScript-Quellcode ins Eingabefeld einfügen oder .js-Datei hochladen.
- “Minify” klicken. Leerzeichen und Kommentare werden entfernt, ASI-sensitive Zeilenumbrüche beibehalten.
- Ausgabe kopieren oder als .js herunterladen. Kompressionsrate wird angezeigt.
JavaScript formatieren/verschönern:
- Minifiziertes oder schlecht formatiertes JavaScript einfügen.
- Einzug-Stil wählen, dann “Beautify” klicken.
- Formatiertes Ergebnis wird angezeigt. Kopieren oder herunterladen.
Warum JavaScript minifizieren?
JS-Minifizierung reduziert Script-Dateigrößen und verbessert TTFB und TTI. Nur Leerzeichen: 20-40% Reduktion; mit Variablen-Renaming (Terser): 40-65%. Gzip: zusätzlich 60-75%.
Minifiziertes JS reduziert V8/SpiderMonkey Parse-Zeit. Auf Mobilgeräten verbessert jedes gesparte KB FID und INP (Core Web Vitals).
Verschönerungsanpassungen
Rekonstruiert lesbare Einrückung aus minifiziertem JS. Behandelt verschachtelte Funktionen, Klassen, Kontrollstrukturen.
- Konfigurierbarer Einzug: 2 Leerzeichen, 4 Leerzeichen oder Tabulator
- Zeilenumbrüche nach {/}/; und vor //-Kommentaren
- Quote-Stil-Normalisierung
- Verschachtelte Funktionen und Klassen mit zunehmenden Einzugsstufen
Minifizierungsanpassungen
Text-Level-Transformationsdurchläufe zur Byte-Reduktion ohne Verhaltensänderung.
- Alle //-Kommentare entfernt
- Alle /* */-Kommentare entfernt (inkl. JSDoc)
- Leerzeichen und Leerzeilen zwischen Anweisungen entfernt
- ASI-sensitive Zeilenumbrüche vor (, [, /, +, - beibehalten
- String-, Template- und Regex-Literale unverändert
Geschätzte Auswirkung auf die Dateigröße
Textebene: 20-40% Reduktion. Mit Terser-Renaming: 40-65%. Gzip: 60-75% zusätzlich, 85-90% kombiniert.
Verwandte Tools
CSS-Minifier & Verschönerer
Komprimieren oder verschönern Sie CSS-Code, entfernen Sie Leerzeichen und Kommentare zur Optimierung der Dateigröße oder formatieren Sie Code für bessere Lesbarkeit
HTML-Minifier & Verschönerer
Komprimieren oder verschönern Sie HTML-Code, entfernen Sie Leerzeichen und Kommentare zur Optimierung der Dateigröße oder formatieren Sie Code für bessere Lesbarkeit
JSON-Formatierer
Formatieren und validieren Sie JSON-Daten für verbesserte Lesbarkeit und Debugging
XML-Formatierer
Formatieren und validieren Sie XML-Daten mit Syntaxhervorhebung
Regex-Tester
Testen und debuggen Sie reguläre Ausdrücke mit sofortigen Übereinstimmungsergebnissen
Text-Diff-Checker
Vergleichen Sie Unterschiede zwischen zwei Texten oder Dateien mit nebeneinander hervorgehobener Ansicht