Verringert die Dateigröße, indem Kommentare, unnötige Leerzeichen und überflüssige Zeichen aus Ihrem CSS-Code entfernt werden. Läuft vollständig im Browser.
Was ist CSS-Minifizierung?
Je größer CSS-Dateien werden, desto länger dauert das Laden. Die Minifizierung verkleinert die Datei, indem Kommentare, unnötige Leerzeichen, abschließende Semikolons und Einrückungen entfernt werden. Das Ergebnis wird vom Browser exakt gleich interpretiert, lädt jedoch schneller.
Der Nutzen
Bei großen CSS-Dateien ist durch Minifizierung eine Größenreduktion von 20–50% möglich. Das sorgt dafür, dass render-blockierende Ressourcen schneller geladen werden, und unterstützt bessere Core-Web-Vitals-Werte.
Wie wird es verwendet?
- Fügen Sie Ihren CSS-Code in den linken Bereich ein.
- Klicken Sie auf die Schaltfläche Minifizieren und kopieren Sie das Ergebnis.
- Verwenden Sie die
.min.css-Version in Ihrer Produktionsumgebung.
Tipp: Wenn Sie Ihr minifiziertes CSS über ein CDN zusammen mit Browser-Caching ausliefern, vervielfachen sich die Performance-Vorteile.
Häufig gestellte Fragen
Kann ich minifiziertes CSS nachträglich bearbeiten?
Technisch ja, aber es ist schwer lesbar. Nehmen Sie Änderungen immer in der ursprünglichen (Quell-)Datei vor und minifizieren Sie sie anschließend erneut.
Ist Minifizieren dasselbe wie Zusammenführen (Combine)?
Nein. Die Minifizierung verringert die Dateigröße, während das Zusammenführen mehrere Dateien zu einer einzigen kombiniert, um die Anzahl der Anfragen zu reduzieren. Beides gemeinsam liefert das beste Ergebnis.
