Archiv

Artikel Tagged ‘validierung’

CSS Stylesheets perfekt optimieren mit CSSTidy

30. Mai 2009

Die Optimierungswelle schlägt bei mir gerade um sich und so habe ich auch das Stylesheet für mich entdeckt. Nachdem ich alle Stylesheets der benutzten Wordpress-Plugins in einer zusammengefasst habe und mit dem CSS Validator von W3C validiert habe, wollte ich den Inhalt auch noch ein wenig komprimieren. Die beste und effektivste Lösung möchte ich euch hier vorstellen.

Nachdem ich einige Online CSS-Optimierer verglichen habe fand ich das csstidy Script, welches ich euch hier gern zur Verfügung stellen möchte. Das Script lässt diverse Einstellungen zu, die entscheidend für die Komprimierung sind. Es funktioniert recht simpel..man kopiert entweder seinen CSS-Quellcode einfach in die Textbox oder gibt die URL des Stylesheets an. Dann wählt man die Komprimierungsstufe, wobei entsprechende Hinweise hinter den Stufen vermerkt sind.

Ich beispielsweise habe meine Stylesheets durch Zusammenfügen und durch die anschließende Komprimierung mit bester Stufe die Gesamtgröße der CSS-Datei(en) von 32KB auf 18KB senken können. Das entspricht einer Einsparung von fast 50% und somit einer enormen Optimierung der Ladezeiten einer Webseite.

Nachtrag: Ich habe die Funktion der Speicherung der optimierten Datei für die Öffentlichkeit entfernt. Kopiert bitte daher den optimierten Teil und speichert ihn selbst in einer Datei ab ;)

CSSTidy - Aufräumen des Stylesheets

CSSTidy - Aufräumen des Stylesheets

CSSTidy – Online CSS Optimiser