Kostenloser JavaScript-Minifier
Minifizieren Sie JavaScript-Code, um die Dateigröße zu verringern und die Leistung zu verbessern. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Aktualisiert am
JavaScript Minifier
Minify JavaScript code with multiple optimization levels. Validate syntax, mangle variables, and generate source maps.
Input JavaScript
Output
Minified output will appear here
Click "Minify JavaScript" to start
Optimization Levels
Basic
Removes whitespace and comments. Safe for all JavaScript code.
Standard
Adds boolean optimizations (true to !0). Safe for production use.
Aggressive
Enables variable mangling and more optimizations. Test carefully.
Privacy First: All processing happens locally in your browser. Your code is never sent to any server.
Related Tools
Häufig gestellte Fragen
Was ist der JavaScript-Minifier?
Der JavaScript-Minifier ist ein kostenloses Online-Tool, das JavaScript-Code komprimiert, indem es Leerzeichen entfernt, Variablennamen verkürzt und Kommentare beseitigt, um die Dateigröße zu reduzieren.
Ist der JavaScript-Minifier kostenlos?
Ja, er ist völlig kostenlos und erfordert keine Registrierung. Die gesamte Minifizierung erfolgt clientseitig in Ihrem Browser.
Wird die Minifizierung meinen Code beschädigen?
Nein, der JavaScript-Minifier behält die Funktionalität bei und reduziert dabei die Dateigröße. Der minifizierte Code läuft identisch zum Original.
Sind meine Daten mit diesem Tool sicher?
Absolut. Der JavaScript-Minifier verarbeitet alles clientseitig in Ihrem Browser. Es werden keine Daten auf einen Server hochgeladen oder dort gespeichert. Ihre Inhalte bleiben jederzeit privat auf Ihrem Gerät.
Funktioniert der JavaScript-Minifier auf Mobilgeräten?
Ja, der JavaScript-Minifier ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Sie können ihn auf jedem Gerät mit einem modernen Webbrowser nutzen, ohne App-Download.
Muss ich ein Konto erstellen, um dieses Tool zu nutzen?
Es ist kein Konto und keine Registrierung erforderlich. Öffnen Sie einfach den JavaScript-Minifier in Ihrem Browser und nutzen Sie ihn sofort. Es gibt keine Anmeldeschranken oder Nutzungsbeschränkungen.
Wie verwende ich den JavaScript-Minifier?
Geben Sie einfach Ihre Daten in das vorgesehene Feld ein, passen Sie die Einstellungen nach Wunsch an, und das Tool verarbeitet sie sofort. Anschließend können Sie das Ergebnis in die Zwischenablage kopieren oder herunterladen.
Welche Browser werden unterstützt?
Der JavaScript-Minifier funktioniert in allen modernen Browsern, einschließlich Chrome, Firefox, Safari, Edge und Opera. Für das beste Erlebnis verwenden Sie die neueste Version Ihres bevorzugten Browsers.
Was ist der Unterschied zwischen dem Minifizieren und dem Gzippen von JavaScript?
Minifizierung und Gzip lösen dasselbe Problem in zwei Stufen. Die Minifizierung schreibt den Quellcode selbst um: Sie entfernt Kommentare, Leerzeichen und Zeilenumbrüche und kann Variablennamen kürzen, sodass dieselbe Logik in weniger Zeichen passt. Gzip (oder Brotli) ist ein Kompressionsalgorithmus, den dein Server oder CDN zusätzlich auf die Antwort anwendet, während sie zum Browser übertragen wird, wo sie automatisch wieder entpackt wird. Beide Techniken ergänzen sich: Minifizierter Code lässt sich besser gzippen, weil er weniger redundante Formatierung enthält, die der Algorithmus kodieren müsste. Deshalb gilt: zuerst minifizieren, dann den Server gzippen lassen. Dieses Tool erledigt den ersten Schritt direkt in deinem Browser und schätzt zusätzlich die Übertragungsgröße nach gzip, sodass du sowohl die rohe minifizierte Größe als auch die kleinere Zahl siehst, die tatsächlich bei deinen Nutzern ankommt. Füge dein Skript oben ein, um Original-, minifizierte und gzip-Größe direkt nebeneinander zu vergleichen.
Was ist der Unterschied zwischen den Voreinstellungen Safe, Production und Maximum?
Die drei Voreinstellungen tauschen Kompression gegen Risiko. Safe ist am konservativsten: Es entfernt Kommentare und fasst Leerzeichen und Zeilenumbrüche zusammen, lässt deine Logik aber vollständig unangetastet — die richtige Wahl für Code, den du nicht vollständig erneut testen kannst. Production führt den Safe-Durchgang aus und ergänzt ihn um deploy-orientierte Bereinigung: Entfernen von console- und debugger-Anweisungen sowie vereinfachte Ausdrücke, was einsatzbereite Ausgabe liefert. Maximum zielt auf die kleinstmögliche Datei: Zusätzlich zu Production entfernt es optionale Semikolons, kürzt lokale Variablennamen und streicht ungenutzte Variablendeklarationen. Je aggressiver die Voreinstellung, desto mehr verändert sich der Code — teste nach der Nutzung von Maximum daher erneut. Jede Voreinstellung ist nur ein Ausgangspunkt: Ein Panel mit einzelnen Schaltern erlaubt es, Durchgänge von Hand zu kombinieren, etwa Kommentare zu behalten, aber Variablen umzubenennen. Wähle oben eine Voreinstellung und feintune anschließend die Schalter passend zu dem Risiko, das du eingehen möchtest.
Warum kürzt minifiziertes JavaScript Variablennamen?
Das Kürzen von Variablennamen, oft „Mangling" genannt, ersetzt lange, beschreibende Namen wie userAccountBalance durch ein- oder zweistellige Namen wie a oder b. Diese Namen existieren nur, um Menschen das Lesen des Quellcodes zu erleichtern; dem Browser ist es egal, wie eine lokale Variable heißt, daher hat das Umbenennen keinen Effekt auf die Ausführung, solange der Geltungsbereich respektiert wird. Kürzere Namen bedeuten weniger Zeichen zum Herunterladen und Parsen, was sich bei Hunderten von Referenzen in einem echten Skript summiert. Der Minifier manglet nur lokale Variablen und lässt globale Variablen sowie alles, worauf anderer Code namentlich verweisen könnte, unangetastet, sodass das Verhalten gleich bleibt. Mangling ist Teil der Maximum-Voreinstellung und auch als eigener Schalter verfügbar, und das Ergebnis-Panel zeigt an, wie viele Variablen gekürzt wurden. Aktiviere die Variablenkürzung oben, wenn du die kleinstmögliche Ausgabe möchtest und das Ergebnis erneut testen kannst.
Warum sollte ich eine Source Map für minifiziertes JavaScript erzeugen?
Minifizierter Code lässt sich kaum direkt debuggen: Variablen sind umbenannt, Zeilen zusammengefasst, und ein Stack-Trace zeigt auf Spalte 4.000 einer einzigen Zeile. Eine Source Map ist eine separate .map-Datei, die festhält, wie jeder Teil der minifizierten Ausgabe auf deinen ursprünglichen Quellcode zurückzuführen ist. Lädt der Browser die Entwicklertools damit, erscheinen Fehler und Haltepunkte in deinem lesbaren Originalcode statt im komprimierten Klumpen, sodass du produktive Ausgabe debuggen kannst, als wäre sie nie minifiziert worden. Du verweist mit einem Kommentar am Dateiende oder einem HTTP-Header auf die Map und hältst sie in der Regel aus dem öffentlichen Download heraus, damit Besucher sie nicht mit ausgeliefert bekommen. Dieses Tool kann neben dem minifizierten Skript optional eine Source Map erzeugen. Aktiviere die Source-Map-Option oben vor dem Minifizieren, wenn du das Ergebnis später debuggen möchtest.
Wie behalte ich Lizenzkommentare beim Minifizieren von JavaScript?
Standardmäßig entfernt die Minifizierung jeden Kommentar, da Kommentare zusätzliche Bytes verursachen, ohne die Ausführung des Codes zu beeinflussen. Das wird zum Problem, wenn die Lizenz einer Abhängigkeit verlangt, dass ihr Namensnennungs-Banner im Code bleibt, denn dessen Löschung kann gegen die Lizenzbedingungen verstoßen. Die Konvention besteht darin, solche Kommentare besonders zu kennzeichnen: ein Blockkommentar, der mit /*! beginnt, oder einer, der eine @license- oder @preserve-Annotation enthält, signalisiert „behalten". Dieses Tool verfügt über eine Lizenz-Erhalten-Option, die genau diese Banner-Kommentare selbst unter der aggressiven Maximum-Voreinstellung unangetastet lässt, während gewöhnliche erklärende Kommentare weiterhin entfernt werden. So erhältst du die kleinstmögliche Datei, die rechtlich weiterhin sauber weitergegeben werden kann. Aktiviere den Lizenz-Erhalten-Schalter oben, bevor du Code minifizierst, der Bibliotheken Dritter einbindet, und prüfe anschließend, ob das Banner noch am Anfang der Ausgabe erscheint.
Verwandte Tools
Kostenloser CSS-Minifier online
Minifizieren Sie CSS-Code, um die Dateigröße zu verringern und die Ladegeschwindigkeit zu verbessern. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Kostenloser HTML-Minifier online
Minimiere HTML-Code, um Seitengröße und Ladezeit zu reduzieren. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Kostenloser SQL-Formatierer & Verschönerer
Formatiere und verschönere SQL-Abfragen für bessere Lesbarkeit. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Kostenloser Regex-Tester & Debugger
Teste und debugge reguläre Ausdrücke in Echtzeit mit Erklärungen. Kostenlos, schnell und vollständig im Browser, ohne Anmeldung.
Über den kostenlosen JavaScript-Minifier
Der kostenlose JavaScript-Minifier komprimiert JavaScript-Quellcode, damit er im Browser schneller heruntergeladen und geparst wird. Füge deinen Code ein, ziehe eine .js-Datei hinein oder lade ein Skript per URL, und das Tool entfernt alles, was der Browser zur Laufzeit nicht braucht — Kommentare, Einrückungen, Zeilenumbrüche und andere Formatierung — und zeigt dir anschließend genau, wie viele Bytes du gespart hast. Entwickelt für Frontend-Entwickler, Plugin- und Theme-Autoren sowie alle, die ein Skript ausliefern und die Nutzlast verkleinern möchten, ohne eine komplette Build-Pipeline aufzusetzen.
Minifizierung bezeichnet das Entfernen von Zeichen, die keinen Einfluss auf die Ausführung des Codes haben. Leerzeichen, Zeilenumbrüche und Kommentare machen Quellcode für Menschen lesbar, sorgen aber für zusätzliches Gewicht, das jeder Besucher mitladen muss. Bei einem typischen, von Hand geschriebenen Skript schrumpft die Datei durch deren Entfernung spürbar; kombiniert mit kürzeren Variablennamen und weiteren Optimierungsschritten sind reale Einsparungen von 30–60 % vor der Kompression üblich.
Wähle, wie aggressiv komprimiert wird
Der Minifier bringt drei Voreinstellungen mit, damit du die Ausgabe an das Risiko anpassen kannst, das du eingehen willst:
- Safe (sicher) — entfernt nur Kommentare und fasst Leerzeichen und Zeilenumbrüche zusammen. Die Logik bleibt unangetastet, deshalb ist dies die risikoärmste Option für Code, den du nicht vollständig erneut testen kannst.
- Production (produktionsreif) — führt den Safe-Durchgang aus und entfernt zusätzlich
console- unddebugger-Anweisungen sowie vereinfachte Ausdrücke, wodurch einsatzbereite Ausgabe entsteht. - Maximum — das kleinstmögliche Ergebnis. Zusätzlich werden optionale Semikolons entfernt, lokale Variablennamen gekürzt und ungenutzte Variablendeklarationen gestrichen.
Jede Voreinstellung ist nur ein Ausgangspunkt. Ein Panel mit einzelnen Schaltern erlaubt es, Durchgänge frei zu kombinieren — Kommentare behalten, aber Variablen umbenennen; console.log entfernen, ohne Ausdrücke zu vereinfachen, und so weiter. Eine Option „Lizenz erhalten" lässt /*! ... */- und @license-Banner-Kommentare selbst bei aggressiven Einstellungen unangetastet, was wichtig ist, wenn die Lizenz einer Abhängigkeit eine Namensnennung im Code verlangt.
Sieh genau, was du gespart hast
Die Ausgabe ist nicht nur ein Klumpen komprimierten Textes. Das Tool zeigt Original- und minifizierte Größe, den prozentualen Rückgang, wie viele Kommentare entfernt und wie viele Variablen gekürzt wurden. Zusätzlich schätzt es die Übertragungsgröße nach gzip — die Zahl, die tatsächlich bei deinen Nutzern ankommt, da die meisten Server und CDNs Antworten beim Ausliefern komprimieren. Ein visueller Vergleichsbalken macht den Unterschied vorher/nachher auf einen Blick erkennbar, und optional lässt sich eine Source Map erzeugen (eine .map-Datei, die den minifizierten Code mit dem Original verknüpft), damit du die komprimierte Ausgabe weiterhin in den Browser-Entwicklertools debuggen kannst.
Vor dem Minifizieren prüft ein leichtgewichtiger Validator auf unausgeglichene geschweifte Klammern, eckige Klammern, runde Klammern sowie nicht abgeschlossene Strings, Kommentare oder Template-Literale und markiert Zeile und Spalte. Er warnt außerdem vor eval(), document.write() und übrig gebliebenen Debug-Anweisungen — Probleme, die es sich lohnt zu beheben, unabhängig davon, ob du minifizierst oder nicht.
Dein Code bleibt in deinem Browser
Eingefügter und hochgeladener Code wird vollständig auf deinem Gerät mit browserinternem JavaScript minifiziert. Nichts, was du einfügst oder öffnest, wird an einen Server übertragen, sodass proprietärer oder unveröffentlichter Code privat bleibt. Es gibt keine Registrierung, keine Dateigrößenbeschränkung außer dem eigenen Arbeitsspeicher, und das Tool funktioniert auch offline weiter, sobald die Seite geladen ist. Die einzige Ausnahme ist das optionale Feld „Von URL abrufen": Da Browser Cross-Origin-Anfragen blockieren, leitet diese Funktion die eingegebene Adresse über einen öffentlichen CORS-Proxy weiter, um das entfernte Skript abzurufen. Ist eine Datei sensibel, lade sie stattdessen selbst herunter und nutze die Upload- oder Einfügen-Option.
Wann sich der Einsatz lohnt
Ein kleineres Bundle ist einer der günstigsten Wege, um die Seitengeschwindigkeit zu verbessern: weniger zum Herunterladen, weniger zum Parsen und ein schnellerer Weg zur Interaktivität. Nutze den Minifier für ein schnelles Utility-Skript, eine WordPress- oder Browsererweiterungs-Ressource, ein eingebettetes Widget oder einen Codeschnipsel, den du in ein CMS einfügst — überall dort, wo eine einmalige Komprimierung schneller geht als die Konfiguration von Terser oder esbuild. Kopiere das Ergebnis in die Zwischenablage oder lade es als versandfertige .min.js-Datei herunter.