Stylesheets komprimieren mit CSS Compressor
Diejenigen die sich mit Webdesign auseinander setzen, kennen das Problem. Irgendwann werden die Besucher mehr, der Traffic höher aber die Seite damit auch langsamer. Der Erfolg gibt einem auf der einen Seite Recht, auf der Anderen jedoch muss nun zugesehen werden dass der hohe Besucheransturm die Seite nicht überlastet.
Neben Dingen wie CSS-Sprites, ausgelagerten Dateien ist das einfachste Mittel um Platz zu sparen, noch immer ein handlicher, nicht unnötig aufgeblähter Code. Zu viele blinde Leerzeichen für eine schönere Formatierung des Dokumentes, ausgeschriebene Befehle anstatt schlank zusammen gelegter Werte. Die eigene Arbeitsweise erfüllt in der Praxis nur selten die Anforderungen an das Minimalistische, und ein Dokument mit mehreren hundert bis tausend Zeilen zu optimieren, kann viele Stunden Zeit rauben.
Wenigstens für die Stylesheets finden sich mit Netz mehrere Möglichkeiten dies auch von einem Generator optimieren zu lassen. Mein persönlicher Favorit ist über die Zeit der CSS Compressor (www.csscompressor.com) geworden. Im Gegensatz zu den meisten Alternativen verfügt dieser über einige sinnvolle Optionen. So lässt sich zum Beispiel einstellen wie stark der Code komprimiert werden soll. In der geringsten Einstellung werden lediglich Einrückungen entfernt und Befehle miteinander verknüpft. In der stärksten Kompression findet sich dann praktisch kein unnötiges Zeichen mehr in dem geschriebenen Dokument.
Gerade für letzteren Fall empfiehlt sich eine Sicherheitskopie, da eine solche Komprimierung nur noch leidlich angenehm zu ergänzen ist.
Dafür spricht das Ergebnis für sich. Eine Auflistung erklärt welche Schritte genau unternommen wurden um das Dokument zu verkleinern. Selbst sehr umfangreiche Stylesheets kann der CSS Compressor binnen Sekunden schrumpfen und die Dokumentgröße im Schnitt bis zu 35% reduzieren. Eine recht beachtliche Leistung die auf einer gut besuchten Seite deutlich spürbar wird.
Nette Webseite, doch bleibt das Problem das man das händisch machen muss und bei jeder Änderung am Stylesheet zusätzliche Arbeit hat. Vor allem wenn man viele Stylesheets, zwecks Optimierung, zu einem zusammenfasst wird das schnell sehr aufwändig.
Mit Kommandozeilen Tools wie dem YUI Compressor oder Googles Closure Compiler lassen sich solche Tasks einfach in den „build prozess“ integrieren und die Handarbeit fällt weg.