CSS-Minifier
Was dieser CSS-Minifier bewirkt
Er komprimiert Ihr Stylesheet, indem er die meisten Kommentare, zusätzlichen Leerzeichen und Zeilenumbrüche entfernt, die menschliche Redakteure zur besseren Lesbarkeit hinzufügen. Die Kaskade und die Selektoren bleiben funktionell gleich, aber die Datei kann einfacher inline oder in ein Feld mit begrenzter Größe eingefügt werden. Es werden keine ungenutzten Regeln geändert, keine benutzerdefinierten Eigenschaften für ältere Browser neu geschrieben oder kritisches CSS inline integriert – das sind Build-Pipeline-Jobs.
Wann man es verwendet
Verwenden Sie es für schnelle Experimente, wenn ein Theme-Export mit Bannerkommentaren anschwillt oder wenn Sie einen einmaligen minimierten Block für einen einzelnen HTML-Proof benötigen. Bevorzugen Sie in der Produktion Ihren Bundler (PostCSS, esbuild) mit Quellkarten; Kombinieren Sie diese Seite mit HTML-Minifier und JS-Minifier, wenn Sie alle drei Drahtgrößen für eine statische Übergabe vergleichen.
Arbeitsbeispiel
Eine Marketing-Landingpage enthält eine 120-KB-CSS-Datei, hauptsächlich Kommentarkopfzeilen aus einer Kopie des Designsystems. Sie minimieren hier einen Zweig, zeigen einen Byteverlust von 30 % an und öffnen ein Ticket, um die Minimierung in der echten Pipeline zu aktivieren – zuerst Beweise, dann Konfiguration.
Häufig gestellte Fragen
Werden @import oder url() kaputt gehen?
Gültige Minifizierer behalten Token innerhalb von Zeichenfolgen. Wenn etwas kaputt geht, hatten Sie wahrscheinlich vor der Minimierung einen nicht geschlossenen Kommentar oder einen schlechten Escape.
Benötige ich noch gzip oder Brotli?
Ja. Minimierungs- und Komprimierungsstapel; Versenden Sie niemals riesige, von Menschen formatierte CSS-Dateien, nur weil der Transport sie kodiert.
Was ist mit Lizenzkommentaren?
Einige rechtliche Hinweise erfordern eine Aufbewahrung. Tools entfernen sie möglicherweise – fügen Sie erforderliche Blöcke erneut in Ihren Build ein, nicht allein aus der Ad-hoc-Minify-Ausgabe.