Minimieren Sie JavaScript Online – Kostenloser JS-Minifier

Minimieren Sie den JavaScript-Code sofort mit unserem kostenlosen Online-Tool. Komprimieren Sie JS für die Produktion, reduzieren Sie die Dateigröße oder verketten und minimieren Sie mehrere .js-Dateien in einem Durchgang. Die gesamte Verarbeitung erfolgt in Ihrem Browser – es wird kein Code an einen Server gesendet.

Laden…

JavaScript Minimierung

Minimieren Sie JavaScript online mit Terser. Komprimieren Sie JS für die Produktion – sofortige Browserverarbeitung, keine Uploads.

Merkmale

Reduzieren Sie die Größe Ihres JavaScript-Codes, indem Sie Leerzeichen, Kommentare und unnötige Zeichen entfernen.

Minimieren

Reduzieren Sie die Größe Ihres JavaScript-Codes, indem Sie Leerzeichen, Kommentare und unnötige Zeichen entfernen.

Paket verwendet

Terser

v5.47.1

Terser ist ein moderner JavaScript-Kompressor, der die Größe und Leistung Ihres Codes optimiert.

Einfaches Beispiel

Eingabecode

function calculateTotal(items) {
  let total = 0;
  for (let i = 0; i < items.length; i++) {
    total += items[i].price;
  }
  return total;
}

const products = [
  { name: 'Laptop', price: 999 },
  { name: 'Mouse', price: 25 }
];

console.log('Total:', calculateTotal(products));

Minimierter Code

function calculateTotal(e){let t=0;for(let o=0;o<e.length;o++)t+=e[o].price;return t}const products=[{name:"Laptop",price:999},{name:"Mouse",price:25}];console.log("Total:",calculateTotal(products));

JavaScript Optimierungsleitfaden

Was JavaScript-Minifizierung leistet

JavaScript-Minifizierung schreibt Quellcode in eine kürzere Form um, die weiterhin gleich parst und läuft. Das ist kein Zip-Archiv: Die Ausgabe bleibt JavaScript — dichter, nicht kodiert. Ein Minifier entfernt Leerzeichen und Kommentare, verdichtet gleichwertige Syntax, wenn die Änderung beweisbar sicher ist (true → !0, manche if-Formen zu &&), und kürzt lokale Bezeichner. Sie liefern weiter eine .js-Datei, die der Browser unverändert ausführt. Bei typischem handgeschriebenem Quellcode spart das oft 30–70 % der ursprünglichen Bytes vor gzip oder Brotli. Die Bytes auf der Leitung sind eine andere Schicht. Minifizierung verkleinert, was der Transportkompressor danach sieht; gzip und Brotli bleiben nach dem Deploy relevant. Ungenutzte Module löscht sie nicht — das ist Tree Shaking im Bundler, bevor Terser läuft. Und es ist keine Obfuskation: Namen werden kurz, weil sie lokal sind, nicht weil der Kontrollfluss versteckt wird.

Wie FastMinify JavaScript minimiert

Diese Seite führt Terser vollständig in Ihrem Browser aus. Die Pipeline ist parse → compress → mangle → render; die Toolbar entspricht diesen Stufen. Parse baut einen AST. Ungültiges JavaScript scheitert mit einem Syntaxfehler, statt eine kaputte Datei zu erzeugen. Compress ist der semantische Durchlauf: Dead-Branch-Elimination, Constant Folding und optionales Entfernen von console.* und debugger (Konsole entfernen / Debugger entfernen — beides standardmäßig an). Die Komprimierungsstufe steuert, wie hart dieser Durchlauf arbeitet: Conservative behält Namen und bleibt sicherer; Normal balanciert die Größe; Aggressive erlaubt stärkere Umschreibungen (einschließlich Toplevel-Mangling), die namensabhängigen Code brechen können. Die ECMAScript-Version sagt Terser, welche Syntax es ausgeben darf — ES5 transpiliert keine Pfeilfunktionen, die Sie bereits geschrieben haben. Mangle (Normal und Aggressive) benennt Lokale in kurze Bezeichner um. Die Optionen Funktionsnamen beibehalten und Klassennamen beibehalten halten diese Bindungen, wenn etwas Function.prototype.name oder CSS-Klassennamen liest. Lassen Sie sie an — oder bleiben Sie bei Conservative — wenn Sie eval oder new Function nutzen. Render gibt den AST ohne Kommentare mit den kleinsten legalen Trennzeichen aus. Das Ergebnis ist funktional identisch, außer wenn aggressives Compress plus Mangling auf namensabhängigen Code trifft. Einfügen und Minifizieren eignet sich für eine Datei oder wenige Dateien; die Verkettung auf dieser Seite führt zuerst zusammen, dann dieselbe Pipeline — das ist kein Bundler. Produktions-Apps gehören in den Build. Für webpack, Vite oder CI siehe den Leitfaden zur JavaScript-Minifizierung — dieselbe Engine, mit Build-Schritt.

Minifizierungsoptionen

ECMAScript-Version

Definiert die Ziel-ECMAScript-Version für die Minifizierung (ES5, ES2015, ES2017, ES2020, ES2022).

Beispiele nach ECMAScript-Version:

Originalcode (ES2022)

const data = { name: 'test' };
const { name } = data;
console.log(name);

ES2022

const{name:data}=data;console.log(data)

ES5

var data={name:'test'};var name=data.name;console.log(name)

Komprimierungsstufe

Steuert die Aggressivität der Kompression (konservativ, normal, aggressiv)

ConservativeKonservativ – Minimale Kompression, sicherer

NormalNormal – Gleichgewicht zwischen Größe und Kompatibilität

AggressiveAggressiv – Maximale Komprimierung, kann Code beschädigen

Komprimierungsbeispiele:

Originalcode

function calculateTotal(items) {
    let total = 0;
    for (let i = 0; i < items.length; i++) {
        total += items[i].price;
    }
    return total;
}

Conservative

function calculateTotal(items){let total=0;for(let i=0;i<items.length;i++)total+=items[i].price;return total}

Normal

function calculateTotal(t){let e=0;for(let l=0;l<t.length;l++)e+=t[l].price;return e}

Aggressive

function e(e){let t=0;for(let n=0;n<e.length;n++)t+=e[n].price;return t}

Klassennamen beibehalten

Behält CSS-Klassennamen in String-Literalen bei

Vergleich mit/ohne Option:

Originalcode

element.className = 'my-class';
element.setAttribute('class', 'another-class');

Mit „preserveClassNames: true“.

element.className='my-class';element.setAttribute('class','another-class')

Mit „preserveClassNames: false“.

element.className='a';element.setAttribute('class','b')

Unterschied

CSS-Klassennamen werden in Zeichenfolgen gespeichert

Funktionsnamen beibehalten

Behält Funktionsnamen zum Debuggen bei

Vergleich mit/ohne Option:

Originalcode

function myFunction() { 
    return true; 
}
const obj = { myMethod() { return false; } };

Mit „preserveFunctionNames: true“.

function myFunction(){return!0}const obj={myMethod(){return!1}}

Mit „preserveFunctionNames: false“.

function a(){return!0}const obj={b(){return!1}}

Unterschied

Funktionsnamen bleiben zum Debuggen erhalten

Konsole entfernen

Entfernt alle Aufrufe von console.log, console.warn usw

Vergleich mit/ohne Option:

Originalcode

console.log('Debug info');
console.warn('Warning message');
const result = calculateTotal(items);
console.log('Result:', result);
return result;

Mit RemoveConsole: true

const result=calculateTotal(items);return result

Mit RemoveConsole: false

console.log('Debug info');console.warn('Warning message');const result=calculateTotal(items);console.log('Result:',result);return result

Unterschied

Alle console.*-Aufrufe werden entfernt

Debugger entfernen

Entfernt Debugger-Anweisungen aus dem Code

Vergleich mit/ohne Option:

Originalcode

if (condition) {
    debugger;
    return true;
}
function test() {
    debugger;
    return false;
}

Mit RemoveDebugger: true

if(condition)return!0;function test(){return!1}

Mit removeDebugger: false

if(condition){debugger;return!0}function test(){debugger;return!1}

Unterschied

Debugger-Anweisungen werden entfernt

Siehe Einrückungsoptionen verschönern →

Erfahren Sie mehr über diese Aktion →

Verketten von JavaScript-Dateien

Auf Minify JS kombinieren Sie mehrere JavaScript-Dateien in Listenreihenfolge und minimieren anschließend das vollständige Bundle mit Ihren aktuellen Optionen. Die gesamte Verarbeitung bleibt in Ihrem Browser. Dies ist besonders nützlich für Projekte ohne Bundler wie Webpack oder Rollup.

Häufig gestellte Fragen – Minimieren

Alles zum Thema Minimierung

Warum JavaScript minimieren?

Durch die JavaScript-Minimierung werden Dateigrößen reduziert, indem Leerzeichen und Kommentare entfernt und Variablennamen gekürzt werden. Typische Einsparungen liegen oft zwischen 30 % und 70 % der ursprünglichen Bytes, vor gzip.

Wie funktioniert die JavaScript-Minifizierung?

Unser Tool verwendet Terser, den branchenüblichen JavaScript-Kompressor. Es entfernt unnötige Zeichen und verstümmelt optional Variablennamen. Der minimierte Code ist funktional identisch mit dem Original.

Müssen Sie JavaScript entminifizieren?

Verwenden Sie unseren speziellen JavaScript-Unminifier bis restfür lesbare Formatierung aus minimiertem Code.

Müssen Sie JavaScript verschönern?

Verwenden Sie unseren Verschönerer JavaScript, um Code mit konsistenter Einrückung zu formatieren.

Wird mein Code sicher verarbeitet?

Die gesamte JavaScript-Verarbeitung erfolgt vollständig in Ihrem Browser. Es wird kein Code an einen Server gesendet.

Kann ich JavaScript-Dateien verketten?

Ja — auf Minify JS klicken Sie auf das Verkettungs-Symbol über dem Eingabe-Editor oder legen Sie mindestens zwei .js-, .mjs- oder .cjs-Dateien auf das Eingabefeld. Die Dateien werden in Listenreihenfolge zusammengeführt und anschließend als vollständiges Bundle mit Ihren Optionen minimiert.

Wie füge ich mehrere JS-Dateien zusammen?

Klicken Sie auf das Verkettungs-Symbol in der Eingabe-Symbolleiste oder legen Sie mehrere gültige JavaScript-Dateien auf den linken Editor. Ordnen Sie die Dateien im Dialog neu an und klicken Sie dann auf Verketten & Minimieren.

Bleiben Kommentartrenner zwischen Dateien nach der Minimierung erhalten?

Nicht zuverlässig — die Markierungen werden vor der Minimierung des vollständigen Bundles eingefügt, daher werden // dateiname-Kommentare und zusätzliche Abstände in der Regel entfernt.

Kann ich Dateien auf Beautify JS verketten?

In der aktuellen Version nicht — Verkettung ist nur auf Minify JS verfügbar.

Selbst überprüfen

FastMinify verarbeitet Ihre Eingabe im Browser. Prüfen Sie das Netzwerk-Panel oder lesen Sie unser Validierungs-Gate, um zu bestätigen, dass nichts Ihr Gerät verlässt.

Validierungs-Gate öffnen →

Minimieren

Verkleinern Sie Code und Ressourcen für die Produktion – minimieren Sie JavaScript, CSS, HTML, JSON und XML vor der Bereitstellung von gzip oder CDN.

CSS minimieren

JSON minimieren

HTML minimieren

XML minimieren

SVG minimieren

SQL minimieren

YAML minimieren

TOML minimieren

Weitere Werkzeugkategorien entdecken

Verschönern

Machen Sie Code mit konsistenter Einrückung lesbar – verschönern Sie JavaScript, CSS, TypeScript, SCSS, LESS, Markdown, GraphQL, SQL, YAML und mehr in Ihrem Browser.

Aufheben

Erweitern Sie minimierten oder komprimierten Code – entminifizieren Sie JavaScript, CSS, TypeScript, SCSS, LESS, SQL, YAML und andere Formate beim Debuggen oder Überprüfen.

Konvertierung

Transformieren Sie Daten zwischen JSON, YAML, XML und CSV lokal – keine Server-Uploads.

CSS-Präprozessoren

Kompilieren Sie SCSS oder LESS zu Standard-CSS im Browser — kombinieren Sie mit Beautify oder Minify für einen vollständigen Stylesheet-Workflow.

JSON Werkzeuge

Validieren, formatieren, vergleichen und erkunden Sie JSON-Nutzlasten – ergänzend zu Minifiern und Konvertern.

SVG Werkzeuge

Vorschau anzeigen, mit SVGO optimieren, Daten exportieren URI, Größe ändern, verschönern, in JSX konvertieren und SVG validieren – alles in Ihrem Browser.

DevOps und Infrastruktur

Terraform HCL formatieren/validieren/minimieren, Dockerfile formatieren und lint, Docker Verfassen und .env-Validierung.

CI/CD

GitHub Aktionen und GitLab CI – formatieren Sie YAML und überprüfen Sie die Workflow-/Auftragsstruktur in Ihrem Browser.

Protokolle und Beobachtbarkeit

Zeilenorientierte JSON/NDJSON- und Nginx/Apache-Zugriffsprotokolle – formatieren, filtern, validieren und CSV/TSV.

Kubernetes

Multi-Doc-Manifeste, strukturelle Validierung, Ingress/Deployment-Starter und Helm-Werteformatierung.

Netzwerk / IP

CIDR, Subnetze und IPv4/IPv6-Helfer — im Browser.

Sicherheit und Token

JWKS, X.509-Zertifikate und Secrets-Scan – browserlokal.

API & Schemata

OpenAPI Tools zum Formatieren, Validieren und Flusen Ihrer Spezifikationen.

Codierung

Kodieren oder dekodieren Sie Base64-, URL-Komponenten und HTML-Entitäten – nur clientseitig.

Entwickler-Dienstprogramme

Zeitstempel, UUID, ULID, Nanoid, Cron, Passwörter, Regex, Slugify, Zahlenbasen, Groß-/Kleinschreibung, Textunterschied und chmod – alles clientseitig.

Text & Markdown

Wörter zählen, Markdown-TOC erzeugen und Zeilenlisten bereinigen — im Browser.

KI & LLM

Token-Zählung, Kostenschätzung und Kontextfenster — 100 % im Browser.

Testdaten

Synthetische Feldwerte für Fixtures und DB-Seed — zuerst reservierte Telefonnummern.

Serialisierung

Serialisieren und deserialisieren Sie PHP-Datenstrukturen neben JSON-Workflows.