Mit frischen, teils witzigen Ideen reizt Stu Nicholls die Möglichkeiten von CSS aus. Seine Begeisterung und Freude beim Spiel und Experiment mit CSS ist auf seiner Website förmlich zu spüren. Ein Besuch lohnt sich – eine wahre Fundgrube für Webdesigner!
CSS optimieren? Die Website ist erstellt. Man hat da und dort noch ein paar Pixel verändert und verschoben. Nun ist die Party vorüber, es geht ans aufräumen, denn eine sauber optimierte CSS-Datei wird schneller geladen und ist die Visitenkarte eines jeden Webdesigners. Schnelle Hilfe versprechen einem die CSS Optimizer.
Ich habe heute fünf davon getestet. Die verwendete CSS-Datei wurde vorher validiert. Die KB- und Kompressionsangaben stammen von den entsprechenden Seiten.
Eingabe: 4.68 KB
Ausgabe: 3.63KB
Differenz: 1.05KB
Kompression: 22.3%
Sprache: englisch
Wenige Einstellmöglichkeiten
Entfernt keine Angaben nach 0 z.B. 0px
Eingabe: 4.791 KB
Ausgabe: 3.681KB
Differenz: 1105 Bytes
Kompression: 23%
Sprachen: deutsch, englisch, französisch
Diverse Einstell- und Darstellungsoptionen
Zeigt die vorgenommen CSS-Änderungen an
Eingabe: 4.791 KB
Ausgabe: 3.592KB
Differenz: 1199 Bytes
Kompression: 25%
Sprachen: deutsch, englisch, französisch, chinesisch
Diverse Einstell- und Darstellungsoptionen
Listet CSS-Änderungen auf
Entspricht optisch Cleancss, erhöhte die Kompression jedoch nochmals um 2%
Eingabe: 4.525 KB
Ausgabe: 4.179KB
Kompression: 8%
Keine Einstelloptionen, kaum Kompression, meine Testwebsite funktioniert danach nicht mehr richtig!?
Eingabe: 4.65 KB
Ausgabe: 3.58KB
Differenz: 1.07 KB
Kompression: 23.63%
Eine Einstelloption, Kompression ist in Ordnung.
Resümee: Nicht bei allen CSS Optimizer kommt Freude auf. So funktionierte meine Testsite mit dem komprimierten CSS von Flumcakes nicht mehr einwandfrei, ausserdem war die Kompressionsrate mit 8% gegenüber den anderen auch sehr niedrig. Meine Favoriten sind Cleancss und Css_optimiser. Beide bieten diverse Einstellmöglichkeiten und Komprimierungsgrade an. Äderungen am CSS werden aufgelistet, nützlich, falls irgendetwas nicht mehr funktioniert. Es empfiehlt sich jedoch immer eine Kopie des ursprünglichen CSS aufzubewahren.