So verwenden Sie es
- Code einfügen, Datei ablegen oder Beispiel laden; Die Sprache ist für diese Seite voreingestellt und kann geändert werden.
- Format auswählen oder verkleinern und Einzug, Breite und andere Optionen anpassen; Das Ergebnis wird während der Eingabe rechts angezeigt.
- Ergebnis kopieren oder herunterladen; Bei einem Fehler verwenden Sie „Gehe zu Fehler“, beheben Sie ihn und führen Sie ihn erneut aus.
Was die Minimierung bewirkt
Durch die Minimierung wird die Art und Weise geändert, wie Code geschrieben wird, nicht was er tut. Normalerweise werden dadurch 30–70 % der Größe reduziert und die Seiten werden beschleunigt. Behalten Sie Ihre Quelle, da minimierter Code schwer zu lesen ist.
| Operation | JavaScript (Terser) | CSS (CSSO) | HTML / XML / JSON |
|---|---|---|---|
| Kommentare entfernen | ✓ | ✓ | ✓ |
| Leerzeichen und Zeilenumbrüche entfernen | ✓ | ✓ | ✓ |
| Variablennamen kürzen | ✓ | — | — |
| Merge rules, shorten colours | — | ✓ | — |
| Toter Code löschen, Konstanten falten | ✓ | — | — |
| /* behalten! Lizenzkommentare | Optional | Optional | Optional |
Sprachen und Engines
Bei der Formatierung werden dieselben Open-Source-Engines wie bei gängigen Editoren verwendet, sodass die Ergebnisse mit „Prettier“ in VS Code übereinstimmen und Ihr Team einen Stil beibehalten kann. Jede Engine wird von dieser Website geladen und in Ihrem Browser ausgeführt.
| Sprache | Format | Komprimieren |
|---|---|---|
| HTML | Hübscher 3 | ✓ Kommentare und Leerzeichen |
| XML | XunL XML-Engine | ✓ |
| CSS / SCSS / Weniger | Hübscher 3 | ✓ CSSO-Umstrukturierung |
| JavaScript / TypeScript | Prettier 3 (Babel) | ✓ Terser (nur JavaScript) |
| JSON | Hübscher 3 | ✓ Große Zahlen sorgen für Präzision |
| YAML | Hübscher 3 | – (Kommentare behalten) |
| SQL | SQL-Formatter (14 Dialekte) | — |
Häufig gestellte Fragen
Wird minimierter Code weiterhin ausgeführt?
Terser ist der Standard-Minifier in Webpack und Vite und wendet nur verhaltenserhaltende Transformationen an. Deaktivieren Sie „Variablennamen kürzen“ für Code, der auf Funktionsnamen basiert oder eval für lokale Variablen verwendet.
Kann TypeScript minimiert werden?
Nicht direkt; Kompilieren Sie es zuerst in JavaScript.
Ist mein Code hochgeladen?
Nein. Die Engines werden von dieser Website heruntergeladen und in Ihrem Browser ausgeführt. Ihr Code durchläuft niemals unsere Server oder Dritte und ist daher für den internen Code und die interne Konfiguration sicher.
Wie groß dürfen Dateien sein?
Bis zu 5 MB pro Datei; Über 300 KB wartet die Seite auf die Schaltfläche, anstatt sie während der Eingabe zu formatieren, damit der Browser reagiert.