CSS MINIFIER / CSSO

CSS-Minifier

Strukturminimierung, kleiner als das Entfernen von Leerzeichen.

Läuft lokal · Code wird nicht hochgeladen
Optionen

IHR NÄCHSTER SCHRITT

Verbinden Sie nützliche Tools mit Ihrem Unternehmensworkflow

Erstellen Sie ein Unternehmenskonto, um die Website-Überwachung, geschäftliche E-Mails und Benachrichtigungen zu konfigurieren und Ihr Team zur Zusammenarbeit einzuladen.

Neue Unternehmen erhalten eine 14-tägige Pro-Testversion, für die keine Karte erforderlich ist. Bei Testversionen ist der bezahlte monatliche Kreditzuschuss nicht inbegriffen.

Sie haben bereits ein Konto? Öffnen Sie Ihren Arbeitsbereich → (English)

So verwenden Sie es

  1. Code einfügen, Datei ablegen oder Beispiel laden; Die Sprache ist für diese Seite voreingestellt und kann geändert werden.
  2. Format auswählen oder verkleinern und Einzug, Breite und andere Optionen anpassen; Das Ergebnis wird während der Eingabe rechts angezeigt.
  3. 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.

Drei Minifier
OperationJavaScript (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! LizenzkommentareOptionalOptionalOptional

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
SpracheFormatKomprimieren
HTMLHübscher 3✓ Kommentare und Leerzeichen
XMLXunL XML-Engine✓
CSS / SCSS / WenigerHübscher 3✓ CSSO-Umstrukturierung
JavaScript / TypeScriptPrettier 3 (Babel)✓ Terser (nur JavaScript)
JSONHübscher 3✓ Große Zahlen sorgen für Präzision
YAMLHübscher 3– (Kommentare behalten)
SQLSQL-Formatter (14 Dialekte)—

Häufig gestellte Fragen

Ist das Zusammenführen doppelter Regeln sicher?

CSSO führt Regeln nur zusammen, wenn das Kaskadenergebnis gleich bleibt. Wenn eine Seite auf der Regelreihenfolge basiert und falsch aussieht, deaktivieren Sie sie nur für die grundlegende Minimierung.

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.

Praktischer Leitfaden zum CSS-Minifier und häufig gestellte Fragen

Was macht ein CSS-Minifier?

CSSO 5 entfernt Kommentare und Leerzeichen, kürzt #ff0000 auf Rot und 0px auf 0 und führt Regeln für denselben Selektor zusammen, wobei das Kaskadenergebnis unverändert bleibt.

Für wen ist das gedacht und wann ist es nützlich?

Website-Ersteller, Landing-Page-Ersteller und alle, die eine Website beschleunigen und vor der Veröffentlichung ein kleineres Stylesheet wünschen.

Wie verwende ich diesen CSS-Minifier?

CSS zur Minimierung mit CSSO einfügen: Kommentare und Leerzeichen entfernt, Farben gekürzt, doppelte Regeln zusammengeführt, wobei die Speicherung angezeigt wird.

Wie soll ich die Ergebnisse interpretieren?

Regelzusammenführung ergibt Reihenfolge; Deaktivieren Sie es, wenn eine Seite, die auf der Override-Reihenfolge basiert, falsch aussieht. /*! Lizenzkommentare können beibehalten werden.

Wo wird die Arbeit ausgeführt und welche Dienste erhalten Daten?

CSSO minimiert Stylesheets in Ihrem Browser; Es wird nichts hochgeladen.