Zum Inhalt springen
Seitensicht

CSS formatieren

Zusammengeschobenes CSS wieder lesbar machen – oder umgekehrt für die Auslieferung verkleinern. Alles im Browser, ohne Hochladen.

Was soll passieren?

Was dabei zu beachten ist

Der Zerleger liest Zeichen für Zeichen statt mit einem Suchmuster. Das klingt umständlich, ist aber nötig: In content: "}" oder in einem url(data:…;base64,…) stehen geschweifte Klammern und Semikolons, die keine Struktur bedeuten. Einfache Ausdrücke zerlegen genau daran die Datei.

Mehrere Selektoren einer Regel bekommen je eine eigene Zeile. So sieht man auf einen Blick, was die Regel alles trifft – bei langen Listen der häufigste Grund für ungewollte Nebenwirkungen.

Beim Verkleinern fallen Kommentare weg. Ausgenommen sind solche, die mit /*! beginnen: Damit werden Lizenzhinweise gekennzeichnet, die aus rechtlichen Gründen erhalten bleiben müssen.

Ob deine Seite unbenutztes CSS ausliefert und wie stark das die Ladezeit bremst, zeigt die Messung im Seiten-Check.