Eingabe

Minifizierte Ausgabe

Was ist der JavaScript-Minimierer?

Der JavaScript-Minimierer entfernt Leerzeichen, Kommentare und verkürzt Code für kleinere Dateigröße. Kleinere Dateien laden schneller. Die ECMAScript-Spezifikation definiert die Sprache; Minimierung erhält das Verhalten bei kleinerer Ausgabe. Tools wie Terser und UglifyJS nutzen ähnliche Techniken in Produktions-Builds.

Dieses Tool läuft vollständig in Ihrem Browser. Nichts wird an einen Server gesendet. JS einfügen oder Datei hochladen; minifizierte Ausgabe erhalten. Zum Formatieren (umgekehrt): JavaScript Formatierer. Zur Validierung: JavaScript Validator. Für stärkeren Schutz: JavaScript Obfuscator.

So verwenden Sie dieses Tool

1

Einfügen oder Hochladen

JavaScript in das linke Panel einfügen oder .js-/.txt-Datei hochladen. Beispiel für Beispielcode. Löschen zum Zurücksetzen.

2

Minifizierte Ausgabe anzeigen

Das rechte Panel zeigt minifizierten Code. Leerzeichen und Kommentare werden entfernt. Ungültiges JS zeigt einen Fehler.

3

Kopieren oder Herunterladen

Kopieren oder Herunterladen für den minifizierten Code. Für Produktion auch gzip oder brotli-Kompression erwägen.

Beispiele für JavaScript-Minimierer

Hier ein Beispiel für die Minimierung formatierten JavaScript-Codes.

Beispiel: API-Fetch-Funktion

Formatierte Eingabe:

Eingabe

Minifizierte Ausgabe:

Ausgabe

Wann der JavaScript-Minimierer hilft

Bei der Vorbereitung von Produktions-Bundles mit webpack oder rollup, zur Bandbreitenreduktion oder Ladezeit-Optimierung verkleinert die Minimierung JS-Dateien. Mit Build-Tools oder manuell für schnelle Prüfungen. Für Obfuskation (schwerer umkehrbar): JavaScript Obfuscator.

Häufig gestellte Fragen

Sind meine Daten privat?

Ja. Die Minimierung läuft vollständig in Ihrem Browser. Keine Daten werden an einen Server gesendet.

Minimierer vs. Obfuscator?

Minimierer verkleinert Code. Obfuscator macht Code schwerer lesbar und umkehrbar. Obfuskation umfasst oft Minimierung.

Zerbricht es meinen Code?

Gültige Minimierung erhält das Verhalten. Semikolon-Einfügung und Randfälle können Probleme verursachen; Ausgabe testen.

Was ist mit Source Maps?

Dieses Tool erzeugt keine Source Maps. Für Produktions-Builds mit Source Maps: webpack, rollup oder Vite. Siehe MDN zu Source Maps.

Kann ich entminifizieren?

Nutzen Sie JavaScript Formatierer für Einrückung. Kommentare und ursprüngliche Variablennamen werden nicht wiederhergestellt.

Verwandte Tools

ECMAScript. MDN JavaScript. Terser. webpack. rollup.