CSS Trashman – CSS optimieren und entschlacken

Man kennt das ja, mal eben aus einer Webseite ein Element raus geworfen, das spezialisierte CSS dafür bleibt erhalten. Dann hat man Elemente doppelt definiert und am Ende des Tages könnte man heutzutage noch alles einfacher und schöner schneller machen. Macht nur keiner! Zum einen zahlt es keiner, zum anderen funktioniert die Webseite auch so. Natürlich wäre es aber schöner eine bessere und optimierte Version am Start zu haben, da ich zukünftige Änderungen so schneller durchführen könnte. Ein Teufelskreis! ;)

Screenshot des CSS Trashman

Stellt sich an der Stelle natürlich die Frage, wieso es an der Stelle keine automatisierten Tools gibt, wo es doch für CSS eigentlich Erweiterungen wie Sand am Meer gibt (SASS, Less, etc.). Das Problem an der Sache ist, das ein solches Tool erst einmal die gesamte Seite, auf der das CSS eingesetzt wird, crawlen und analysieren müsste um wissen zu können, ob eine Definition im CSS eigentlich überhaupt auf die Seite angewendet werden kann. CSS Trashman macht genau dies: Man lädt eine CSS hoch, das Tool crawlt die Seite und wirft eine optimierte CSS wieder aus.

Allerdings habe ich an dieser Stelle noch keine Zeit gehabt zu überprüfen, ob er die gesamte Seite crawlt, oder nur die Startseite. Ich vermute letzteres. Wenn das einer ausprobiert wäre es nett wenn er mal kurz in einem Kommentar Bescheid gibt, was die access.log des Servers zu dem Thema zu sagen hat.

Ähnliche Beiträge

Clean CSS – in CSS Dateien mal so richtig au... Wenn man mal ehrlich ist: kaum eine CSS-Datei entspricht irgendeinem Standard, geschweige denn irgendeiner Norm. Erschwerend kommt hinzu, dass zwei (a...
Das Wunder des Live Reloads Ich zeige mich ja selten begeistert von Neuerungen muss ich sagen, ich könnte durchaus noch mit dem Notepad entwickeln wenn ich es wollte. Nach wochen...
Typetester – online CSS für Fonts erstellen und ve... Die Definition eines Fonts ist jedes Mal aufs Neue ein ziemliches Rumgemurkse. Es ist zwar nicht schwer eine Verdana auszusuchen, aber aufgrund der vi...
Abhängigkeiten in Formularen mit dependsOn Es kristallisiert sich immer mehr heraus das man aufgrund der UX in komplexen Formularen Abhängigkeiten einführt. Ein einfaches (wenn auch durchaus se...

4 Antworten auf „CSS Trashman – CSS optimieren und entschlacken“

  1. Ich habe das mit meinem Namen verlinkte kleine Projekt durchgejagt. Natürlich hattest Du Recht mit der Vermutung, dass nur die Home gescannt wird. Somit kann dann auch eine Reduktion der CSS um mehr als 50% präsentiert werden – weil 50% der Anweisungen schlicht ignoriert und aussortiert wurden. Für eine einzelne Landingpage dürfte es allerdings lohnen.

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.