Artikel abonnieren
Wenn man nicht mehr benötigte HTML-Elemente entfernt oder CSS-Selektoren durch andere ersetzt kann es passieren das man vergisst die alten bzw. nicht mehr benötigten Selektoren aus der CSS-Datei zu entfernen. So sammeln sich über die Zeit immer mehr Selektoren an die gar nicht mehr benötigt werden und nur unnötig die CSS-Datei aufblähen. Mit der Firefox-Erweiterung Dust-Me Selectors lassen sich solche unbenutzten Selektoren sehr einfach aufspüren.
Bedienung
Nach der Installation der Erweiterung und dem obligatorischen Firefox-Neustart findet sich in der Statusleiste unten rechts ein kleiner pinker Staubwedel. Klickt man darauf wird die Überprüfung der geöffneten Seite gestartet. Nach ein paar Sekunden öffnet sich ein Ergebnis-Fenster in dem alle unbenutzten CSS-Selektoren inklusive der Zeile in der sie definiert sind angezeigt werden.
Automatische Überprüfung
Meistens werden aber nicht alle Selektoren auf einer Seite benutzt, weswegen man mehrere HTML-Dateien überprüfen will. Hier gibt es zwei Möglichkeiten.
Die eine Möglichkeit besteht darin die automatische Überprüfung einzuschalten (Rechtsklick auf den Staubwedel, Automation->Run automatically) und alle Seiten die man überprüfen will anzusurfen.
Die andere Möglichkeit ist sogar noch einfacher, es wird allerdings eine Sitemap (Seite die Links zu allen zu überprüfenden Seiten enthält) benötigt. Hat man eine solche Sitemap, klickt man einfach auf Automation->Spider Sitemap, gibt dort die Adresse der Sitemap an und klickt auf Go. Dann werden automatisch alle in der Sitemap enthaltenen Links überprüft.
Ist die Überprüfung abgeschlossen öffnet sich ein Fenster welches die Ergebnisse anzeigt.
Anhand der Ergebnisse ist es nun ein leichtes die entsprechenden CSS-Dateien von nicht mehr benötigten Selektoren zu befreien.
Loading ...
[...] Artikel über Dust-Me Selectors Zur Erweiterung Webseite von Dust-Me Selectors [...]
gerade bei großen websites wäre es hilfreich, wenn das Tool aus allen benutzten Selektoren neue, saubere css-Dateien generieren würde. Habe eine auf einem komplexen Template basierte Joomla-Site mit einer Menge Add-Ons. Auf der wurden sage und schreibe 995 unbenutzte Selektoren gefunden wurden. Die alle händisch zu löschen kostet Tage … Kennt vielleicht jemand ein passendes Tool?