Webdesign: Stylesheets schrumpfen mit CSS Tweaker
Cascading Stylesheets (CSS) werden im ja Laufe der Zeit immer komplexer und die ein oder andere Optimierung übersieht der Webdesigner somit schon mal. Mit dem CSS Tweaker gibt es aber speziell dafür ein kleines Werkzeug, das dem Webdesigner die Arbeit des Optimierens von CSS-Dateien deutlich erleichtern kann.
Um den CSS Tweaker zu nutzen, kann der Webdesigner entweder die Stylesheet-Datei hochladen oder die zu optimierenden Regelsätze direkt in ein Feld hinein kopieren, das jedoch noch nicht ganz fertig ist und minimale Anzeigeprobleme bei Opera hat. Das Tool ging bei einem kurzen Golem-Test recht vorsichtig vor. So fasst das Werkzeug einzelne Regeln nicht zusammen, die eigentlich zusammengefügt werden könnten.
Die Optimierung geht also die CSS-Regelsätze jeweils nur einzeln an und optimiert diese. Einzelne Deklarationen wie etwa "border-color:white; border-style:solid; border-width:0em;" werden von dem Werkzeug zu einer einzelnen Deklaration "border: 0 solid white" zusammengefasst. Auch die bei Nullwerten unnötige Einheitenangabe wird auf Wunsch entfernt. So aufgebaute Stylesheet-Regeln kann der CSS Tweaker leicht und effizient optimieren.
Bisher beschränkt sich die Optimierung jedoch auf Ränder, Listen, Hintergründe und Schriftarten, die sich dann auch einzeln selektieren lassen. Eine Optimierung etwa von Außen- und Innenabständen findet jedoch nicht statt. Neben der Optimierung der Syntax kann der CSS Tweaker auch Kommentare sowie Leerzeichen und Zeilenumbrüche beseitigen. Die so einzeiligen CSS-Dateien sind dann sehr viel kleiner, eine Bearbeitung dieser dürfte dafür aber natürlich schwerer fallen.
Test it.
Quelle: http://www.golem.de