So nutzt du: JavaScript Minifier
- Füge dein JavaScript ein oder öffne eine
.js-Datei. - Lass Komprimieren und Namen verkürzen für die kleinste Ausgabe aktiviert; setze den Haken bei ES-Modul für Code mit
import/export. - Optional kannst du
console-Aufrufe entfernen und auswählen, welche Kommentare bleiben sollen. - Kopiere das Ergebnis oder lade es als
.min.jsherunter.
Was macht ein JavaScript-Minifier?
Minifizierung macht JavaScript kleiner, ohne das Verhalten zu verändern. Sie entfernt Leerzeichen und Kommentare, verkürzt lokale Variablen- und Funktionsnamen und schreibt Code in kürzere, gleichwertige Formen um. Kleinere Dateien laden und parsen schneller, was die Seitengeschwindigkeit und die Core Web Vitals verbessert — besonders auf dem Smartphone.
Dieses Tool führt Terser, den Minifier hinter Vite, webpack und Rollup, direkt in deinem Browser aus.
Die wichtigsten Optionen
| Option | Was sie macht | Risiko |
|---|---|---|
| Komprimieren | Entfernt nicht erreichbaren Code, faltet Konstanten (60 * 60 → 3600), vereinfacht Bedingungen und fasst Anweisungen zusammen | Sehr gering |
| Namen verkürzen | Benennt lokale Variablen und Parameter in ein oder zwei Buchstaben um | Gering — Code, der eval oder Function.name nutzt, kann brechen |
| Globale Namen verkürzen | Benennt auch globale Funktionen und Variablen um | Bricht Code, den andere Skripte per Name aufrufen |
| ES-Modul | Parst import/export und aktiviert Strict Mode sowie das Verkürzen auf oberster Ebene | Keines bei echten Modulen |
| console.* entfernen | Entfernt console.log und ähnliche Aufrufe | Entfernt Logs, die du in Produktion eventuell brauchst |
Minifizierung vs. Komprimierung
Minifizierung und gzip/Brotli arbeiten zusammen. Minifizieren verkleinert eine Datei typischerweise um 30–60 %; die gzip- oder Brotli-Komprimierung des Servers schrumpft das Ergebnis dann um weitere 60–70 %. Die Statistiken oben zeigen beides: die minifizierte Größe und die gzip-Größe, die tatsächlich über das Netz übertragen wird.
Lizenzkommentare behalten
Open-Source-Lizenzen wie MIT verlangen, dass der Copyright-Hinweis beim Code bleibt. Üblicherweise beginnen diese Kommentare mit /*! oder enthalten @license, und die Standardeinstellung behält sie.
Fehlerbehebung
- Syntaxfehler: Zeile und Spalte werden angezeigt. TypeScript und JSX müssen zuerst zu JavaScript kompiliert werden.
- Code funktioniert nach dem Verkürzen nicht mehr: Deaktiviere Globale Namen verkürzen; hilft das nicht, prüfe auf
evaloder Code, der Funktionsnamen auslesen. - Brauchst du wieder eine lesbare Version? Nutze den JavaScript-Formatter, um minifizierten Code wieder zu formatieren.
Auch gesucht als: javascript minifizieren, js minifier, javascript komprimieren, uglify js online, terser online, javascript verkleinern, minify es6, js code verkleinern.
Passende Tools zu: JavaScript Minifier
- HTML Minifier — Verkleinere HTML-Seiten und Templates, indem du Kommentare und überflüssigen Leerraum entfernst, Inline-<style> und <script> minifizierst und Attribute bereinigst.
- CSS Minifier — Füge ein Stylesheet ein, um es sofort zu verkleinern.
- JSON Minifier — Entferne alle unnötigen Leerzeichen aus deinem JSON, validiere es gleichzeitig und sieh genau, wie viele Bytes du sparst — vor und nach gzip.
- Website-Kompressionstest — Gib eine URL ein und sieh, welche Kompression dein Server für jeden Accept-Encoding-Wert sendet, wie viele Bytes er spart, ob CSS und JavaScript komprimiert sind und was Brotli noch einsparen könnte.
Häufige Fragen
Ist Terser besser als UglifyJS?
Verhält sich minifizierter Code exakt gleich?
eval, with oder Funktionsnamen angewiesen ist; schalte es für solchen Code aus.