In Zeiten von DSL oder Standleitung schiebt der Ein oder Andere Webmaster die Optimierung der Seite ganz weit nach hinten, bis sie irgendwann vergessen wird. Doch auch wenn die User eine gute Verbindung haben sollten – was bei weitem noch nicht alle sind – hat der Server trotzdem die Last zu tragen, was zu einem Flaschenhals werden könnte.

Ein Ansatz ist die Optimierung statischer Dateien. Von Bildern bis hin zu CSS-Dateien, die in der Regel nicht verändert werden. Gerade letzteres schwillt schnell an, wenn man noch nicht so firm in CSS ist. Abhilfe schafft ein kleines Tool nahmens CSSTidy, was den Quellcode säubert und komprimiert.

Ich habe CSSTidy gerade über die CSS-Datei von Visualhype gelassen. Das Ergebnis ist: von 7,3kb auf 6,1kb – viel verändert hat es meiner Ansicht bei uns nicht, lediglich die Kommentare und Whitespaces wurden entfernt, aber auch diese können bei größeren Dateien eine beträchtliche Summe erreichen. Auf der Seite von CSSTidy finden sich aber Beispiele von Kompressionen bis zu 43%, was den Einsatz wirklich lohnenswert macht.

Features von CSSTidy sind:

• colours like "black" or rgb(0,0,0) are converted to #000000 or rather #000 if possible. Some hex-codes are replaced by their colour names if they are shorter.
• a{property:x;property:y;} becomes a{property:y;} (all duplicate properties are merged)
• margin:1px 1px 1px 1px; becomes margin:1px;
• margin:0px; becomes margin:0;
• a{margin-top:10px; margin-bottom:10px; margin-left:10px; margin-right:10px;} becomes a{margin:10px;}
• margin:010.0px; becomes margin:10px;
• all unnecessary whitespace is removed, depending on the compression-level
• all background-properties are merged
• all comments are removed
• the last semicolon in every block can be removed
• missing semicolons are added, incorrect newlines in strings are fixed, missing units are added, bad colors (and color names) are fixed
• property:value ! important; becomes property:value !important;

Irgendwo hatte ich mal ein Apache Modul gesehen, was bei der Auslieferung den HTML-Quellcode optimiert hat. Aber in Zeiten von dynamischen Websites ist das eine eher weniger gute Idee, da man diese Inhalte nur dürftig cachen kann.