Beim Minifizieren von CSS ändert sich an der Interpretation durch den Browser nichts — die Stile bleiben exakt gleich, es verschwindet nur das, was ausschließlich der menschlichen Lesbarkeit diente.
Was tatsächlich entfernt wird
Der Minifier entfernt Leerzeichen und Zeilenumbrüche zwischen Regeln, Kommentare der Form /* ... */, das letzte Semikolon vor der schließenden Klammer eines Blocks und kürzt überflüssige Nullen in Werten wie 0.5em → .5em. Am eigentlichen Zeicheninhalt ändert sich dabei nichts.
Lange deutsche Bezeichner und was Minifizierung dort bringt
Deutsche Bandwurmwörter tauchen in CSS nicht nur in Kommentaren auf, sondern gern auch in Klassennamen wie .geschwindigkeitsbegrenzungsanzeige oder .versicherungsvertragsuebersicht — Namen, die in gut lesbarem, sprechendem Code entstehen, aber im Vergleich zu kurzen englischen Äquivalenten spürbar mehr Bytes kosten. Ein Minifier kann selektorinterne Namen zwar nicht umbenennen, ohne die HTML-Struktur mitzukennen, aber gerade lange, wiederholt referenzierte Selektoren in Kombination mit Kommentaren und Whitespace summieren sich bei so einem Namensstil schneller zu spürbaren Dateigröße als bei kurzen Bezeichnern.
Warum die minifizierte Datei identisch funktioniert
Der CSS-Parser des Browsers ignoriert Leerzeichen und Zeilenumbrüche zwischen Tokens vollständig — sie dienen nur der menschlichen Lesbarkeit. Das Entfernen ändert die berechneten Stile daher überhaupt nicht, die Datei wird nur kompakter.
Wofür man das braucht
- Die Größe einer CSS-Datei vor der Veröffentlichung reduzieren.
- Das Laden der Seite durch weniger übertragene Daten beschleunigen.
- Die Struktur der Stile bei einem flüchtigen Blick in den Quellcode weniger offensichtlich machen.
Minifizierung und Servergröße bei umfangreichen Projekten
In Deutschland und im deutschsprachigen Raum ist die Anbindung meist gut, sodass ein paar gesparte Kilobyte für einzelne Besucher selten spürbar sind. Relevanter wird die Einsparung bei großen Projekten mit vielen Seitenaufrufen: weniger übertragene Bytes pro Request bedeuten in der Summe weniger Bandbreite und geringere CDN-Kosten auf Serverseite — ein Effekt, der sich erst bei entsprechendem Traffic-Volumen wirklich bemerkbar macht.