Gibt es Tools, um festzustellen, welche Formatierungen überhaupt in Verwendung sind?

Ich würde mein Stylesheet gerne zwecks Gewinnung von mehr Übersicht entschlacken. - Daher die Frage:

Gibt es Tools, die die php-Dateien meines Themes und meinen Plugins-Ordner durchsuchen und automatisch feststellen können, welche Style-Definitionen darin verwendet werden?

Dann würde ich anschließend alle Definition, die bisher nicht in Verwendung sind und die ich auf absehbare Zeit auch nicht selbst nötige, um Artikel und Seiten zu formatieren, aus meiner style.css herauswerfen wollen.

@ pixselig:

Zitat

CSS verlangt vom Clientsystem relativ wenig Ressourcen (zumindest wenn es nicht wirklich SEHR VIELE, sich wiedersprechende und überschreibende Angaben gibt). Auch der Dateigrösse hält sich meist in Grenzen (vorallem wenn die CSS Datei minified wird), ausserdem wird sie, bei richtiger htacces-Definition, auf dem Clientsystem gecached.

Ja, Danke. Das hatte ich mir schon gedacht. Es geht mir weniger darum. Es geht mir vielmehr darum, dass ich selbst mehr Übersicht über mein Stylesheet haben will - um es weiter zu verändern.

Z.B. kommen im Original-Stylesheet diverse unterschiedliche Farben vor; ich habe auch noch ein paar neue eingeführt. Und ich würde die Zahl gerne auf - sagen wir - fünf (für Schrift, Rahmen und Hintergründe) reduzieren.

Bei einer style-Definition, die eh nicht in Verwendung ist und die ich auch selbst nicht benötige, würde ich mehr gerne sparen zu überlegen, wie sie in mein (Farb-)Konzept passt, sondern sie einfach rausschmeißen.

CSS Usage versus Spider this Page

Zitat

eine extension welche sich CSS Usage nennt -> https://addons.mozilla.org/de/firefox/addon/css-usage/

So, ich habe sie inzwischen ausprobiert und bin leider nicht besonders gut mit zu Recht gekommen, habe aber dadurch etwas anderes (Spider this Page) gefunden, was mir deutlich besser gefällt.

Erst einmal zu CSS Usage:

• Ich fand es nicht besonders intuitiv zu benutzen (das geht mir aber mit dem ganzen Firebug so. Insofern kommen diejenigen, die mit Firebug gut zu Recht kommen, vielleicht auch mit CSS Usage gut zu Recht.)

• Recht müheselig ist - erwartungsgemäß -, dass jede Seite einzelnen aufgerufen werden muss.

• Das Analyseergebnis wird in nur einer Liste - farblich unterschieden in "seen", "before seen" und "unseen" (was anscheinend bedeutet: "auf der aktuellen Seite in Benutzung gefunden", "vorher in Benutzung gefunden" sowie "nicht in Benutzung gefunden" bedeutet) - angezeigt.

• Bei Export mit Kopieren/Einfügen gehen die Farbmarkierung aber verloren. Mit der 'richtigen' Exportfunktion bin ich nicht zurecht gekommen.

Auf der Suche nach einer Hilfe-Seite für CSS Usage bin ich dann auf eine Empfehlung für Spider this Page (ebenfalls ein Firefox AddOn) gestoßen.

• Dieses Tool analysiert die ganze Seite auf einmal - aber ausschließlich der Subdomains (was in meinem Fall etwas unpraktisch, aber aufgrund des weitgehend einheitlichen Designs auch nicht so problematisch ist).

• Seine Benutzung erschloss sich für mich deutlich intuitiver.

• Das Analyseergebnis wird in Form zweier Listen ("Used" und "Unused") ausgegeben.

• Der Export war auch bei diesem Tool nicht ganz einfach: Offiziell ausgegeben wird das Ergebnis als csv-Datei, mit der ich nicht so richtig etwas anfangen konnte. Die Kopieren/Einfügen-Methode funktionierte dann besser: In Word den Text - unter Verwendung von Tabstops als Trennzeichen - in eine Tabelle umwandeln lassen.

Resultat:

Von meinem Reddle-Theme sind nur 126 Selektoren benutzt, aber 342 unbenutzt. In meinem Child-Theme (das nicht nur geänderte Reddle-, sondern auch geänderte BuddyPress-style-Definitionen enthält) ist das Verhältnis 87 : 28.

Dass auch in meinem Child-Theme unbenutzte style-Definitionen sind, liegt daran, dass ich in Fällen wie

body,
button,
input,
select,
textarea {
    font-size: 13px;
    font-size: 1.3rem;
    font-family: Verdana, sans-serif;
}

die gewünschte Änderung - im Interesse der Einheitlichkeit - gleich in Bezug auf das ganze 'Paket' vorgenommen habe.

Das zweite AddOn heißt vielmehr: Dust-Me-Selectors

PS.:

Das von mir bevorzugte AddOn heißt im übrigen nicht Spider this Side, sondern vielmehr Dust-Me-Selectors:

https://addons.mozilla.org/en-US/firefox/…t-me-selectors/