Utilore

CSS minifizieren

Stylesheet einfügen und komprimiert zurückbekommen. Der Zähler unter dem Feld zeigt die Größe vorher und nachher — Sie sehen also, ob es sich gelohnt hat.

Der Code verlässt diese Seite nicht — formatiert wird im Browser.

So geht es

  1. CSS in das erste Feld einfügen — es wird beim Tippen minifiziert.
  2. Die Größen unter der Eingabe vergleichen.
  3. Ergebnis kopieren oder mit «Formatieren» wieder lesbar machen.

Gut zu wissen

Was entfernt wird

Kommentare, Zeilenumbrüche, Einrückung, die Leerzeichen um Doppelpunkte und Kombinatoren sowie das letzte Semikolon vor jeder schließenden Klammer, das der Standard nie verlangt hat. Selektoren behalten das eine Leerzeichen zwischen Nachfahre und Vorfahre, denn es zu streichen ändert, worauf die Regel zutrifft.

Warum Zeichenketten unangetastet bleiben

Ein Semikolon in content: "a;b" und eine Klammer in einer SVG-Data-URI sehen für einen regulären Ausdruck wie Struktur aus. Musterbasierte Minifizierer zerlegen solche Dateien lautlos, und der Schaden zeigt sich als fehlendes Symbol im Produktivsystem. Dieser liest zeichenweise und trägt Zeichenketten am Stück hinüber.

Häufige Fragen

Funktioniert das Stylesheet danach genauso?

Ja. Nichts wird umbenannt, umsortiert oder gestrichen — es gehen nur Leerraum und Kommentare, und beides beeinflusst die Anwendung einer Regel nicht.

Wie viel kleiner wird meine Datei?

Ein von Hand geschriebenes Stylesheet verliert meist zwanzig bis dreißig Prozent. Nach gzip ist der Unterschied deutlich geringer, denn die Komprimierung erledigt wiederholten Leerraum ohnehin.

Wird mein Code an einen Server geschickt?

Nein. Der gesamte Vorgang läuft auf der Seite, was bei noch nicht veröffentlichten Stylesheets zählt.

Kann ich es danach wieder lesen?

«Formatieren» drücken, und das Stylesheet erscheint mit einer Deklaration pro Zeile. Die ursprünglichen Kommentare sind fort, die Regeln allesamt da.

Ähnliche Tools