CSS Trashman – CSS optimieren und entschlacken

Screenshot des CSS Trashman

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


Mit Pow.js Sonnenstrahlen generieren
Einen Hintergrund aus Sonnenstrahlen ist eine feine Sache, aber faktisch nicht implementierbar. Die Grafik die dafür notwendig wäre, wäre eindeutig zu...


Bei der Navigation mit der Tastatur arbeiten
In letzter Zeit hat sich das Web durch Online-Anwendungen auf die Fahne geschrieben, Desktop-Anwendungen ablösen zu wollen bzw. zu ersetzen. Die Ansät...


CSS Sprite Generator
CSS Sprites sind meistens eine nette Sache, wenn auch mit einigen Unzulänglichkeiten bei diversen Browsern versehen. Zusammenfassend kann man sagen, d...


Schnelle Darstellung von Daten mit Recline.js
Manchmal sind die Anforderungen eines Kunden ganz einfach: eine CSV-Datei als sortierbare Tabelle online stellen zum Beispiel. Hört sich einfach an, i...

Kommentare

    1. Autor
      des Beitrages
  1. Autor
    des Beitrages
  2. Uwe

    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.