WordPress & Webwork

CSS Usage: welche CSS-Regeln sind im Einsatz?

CSS Usage ist ein Addon für Mozilla Firefox, welche den Firebug um eine zusätzliche Funktion erweitert. Mit CSS Usage kann man herausfinden welche CSS-Regeln auf einer bestimmten Seite eingesetzt werden.

CSS Usage im Einsatz

Nach der Installation bindet sich CSS Usage in Firebug als zusätzlicher Tab ein. Mit Klick auf Scan untersucht man die gerade aufgerufene Seite. Aktiviert man AutoScan dann kann man mehrere Unterseiten der gleichen Website aufrufen und die Erweiterung berücksichtigt dies.

CSS Usage listet alle eingebundenen CSS-Dateien komplett auf. Dabei werden eingesetzte Regeln mit hellgrüner Farbe ausgegeben. Regeln, die auf einer anderen Unterseite eingesetzt wurden sind dunkelgrün und rot sind die Regeln, die gar nicht zum Einsatz kommen.

8 Reaktion(en)

    1. Perun

      @Peter,

      ja, dafür musst du aber eine gewisse Anzahl an Unterseiten abgegrast haben, weil bestimmte CSS-Regeln nicht auf jeder Unterseite eingesetzt werden.

  1. Pingback: 5 einfache Maßnahmen um die Performance von WordPress-Websites zu verbessern | WordPress & Webwork

  2. Pingback: 5 einfache Maßnahmen, um die Performance von WordPress-Websites zu verbessern » t3n News

  3. Lukas

    Einfach toll! So etwas habe ich schon lange für WordPress gesucht. Habe gerade gefüllte 100 RSS Feeds von dir durchgeschaut und den ein oder anderen Leckerbissen dabei gefunden! 😉
    Vielen Dank
    Lukas

  4. Manfred

    Hallo zusammen,
    als newbee hoffe ich dass ich das richtig deute dass die rot gekennzeichneten Einträge in den entsprechenden Dateien gelöscht werden können?

    Grüße
    Manfred

Die Kommentare in diesem Beitrag sind geschlossen.