Lokale Verarbeitung

ENTWICKLER-TOOLS

CSS minifizieren

Bring das Stylesheet auf die Minimalgröße, indem alles entfällt, was der Browser zum Interpretieren nicht braucht.

Werkzeug öffnen

CODE EDITOR

CSS Minifier

Local processing · professional engine · your code is never sent

CSS · ready to process
CSSinput.css
0 linesCSS
CSSminified.cssPreview
0 linesRead onlyCSS

Warum CSS das Rendern blockiert

Anders als ein verzögertes Skript blockiert das Stylesheet den ersten Bildaufbau: Der Browser zeigt nichts, bevor er es hat. Deshalb wiegt sein Gewicht schwerer, als die Dateigröße vermuten lässt, und hier zahlt sich Minifizieren stärker aus als bei JavaScript.

Was entfernt wird

Kommentare, Leerraum zwischen Selektoren und Deklarationen, Zeilenumbrüche und das abschließende Semikolon jedes Blocks. Klassennamen und Werte bleiben unverändert: kein Umbenennen, kein Umschreiben von Eigenschaften.

Die größte Ersparnis liegt woanders

Ehrlich gesagt: In einem echten Stylesheet wiegen meist die Regeln am schwersten, die niemand mehr benutzt. Minifizieren komprimiert auch das tote CSS. Wer eine ernsthafte Verbesserung will, entfernt zuerst das Ungenutzte und minifiziert dann den Rest.

HÄUFIG GESTELLTE FRAGEN

Wird mein Stylesheet auf einen Server geladen?

Nein. Es wird im Browser verarbeitet, du kannst also CSS aus einem privaten Projekt minifizieren, ohne dass es dein Gerät verlässt.

Ändert sich das Aussehen der Seite?

Nein. Entfernt wird nur, was der Browser beim Interpretieren ohnehin ignoriert.

Lässt es sich rückgängig machen?

Du kannst mit dem Formatierer neu einrücken, aber Kommentare kehren nicht zurück.

Werden ungenutzte Regeln entfernt?

Nein. Dafür müsste das HTML analysiert werden, das dieses Stylesheet nutzt, und das ist ein anderes Werkzeug.