CSS-Nutzung
Wir vergleichen geladenes CSS mit tatsächlich genutztem CSS und zeigen genutzte/ungenutzte Bytes und Prozentsätze für die Seite und für jedes Stylesheet.
Laden
Laden
Wir verwenden Cookies, um Ihnen ein besseres Erlebnis auf unserer Website zu bieten. Mehr über die Verwendung von Cookies erfahren Sie in unserer Datenschutzrichtlinie.
Milten scannt das CSS einer Seite und zeigt Nutzung, Quellen, Spezifität, Duplikate, !important-Regeln, Farben, Schriftarten, z-index und Fehler.
Der Bericht erfasst den tatsächlichen Zustand der Seite: CSS-Quellen, Größe, genutzte und ungenutzte Bytes, Regeln, Selektoren, Deklarationen, Spezifität, Wiederholungen, Token-Signale und Validierungsfehler.
Wir vergleichen geladenes CSS mit tatsächlich genutztem CSS und zeigen genutzte/ungenutzte Bytes und Prozentsätze für die Seite und für jedes Stylesheet.
Wir erfassen die gesamte CSS-Größe, die Anzahl der Stylesheet-Quellen und getrennte Zählungen für Inline- und externe Stylesheets.
Der Scanner erfordert keine Build-Integration. Gib eine Seiten-URL ein, und Milten öffnet sie in einem Browser, sammelt Stile und erstellt einen Bericht aus echten Worker-Daten.
Der Worker erfasst die geprüfte URL, das Berichtsdatum, Stilquellen, Inline-Stylesheets und externe Stylesheets.
Der Bericht zeigt genutztes und ungenutztes CSS, die Anzahl von Regeln, Selektoren und Deklarationen, Spezifität min/max/avg und eine Liste komplexer Selektoren.
Der Abschlussbericht enthält wiederholte Deklarationen, !important, häufige Media Queries, Vendor-Präfixe, Farben, Schriftarten, z-index und CSS-Fehler.
Jeder Block entspricht dem, was der Worker tatsächlich berechnet: von der Gesamtgröße und dem ungenutzten Prozentsatz bis zu Listen von Farben, Schriftarten, z-index-Werten und Validierungsfehlern.
Die Tabelle trennt externe und Inline-Stylesheets und zeigt Größe, genutzte/ungenutzte Bytes und den ungenutzten Prozentsatz für jede Quelle.
| Quelle | Typ | Nutzung | Ungenutzt |
|---|---|---|---|
| app.css | extern | genutzt / ungenutzt | Bytes + % |
Kurze Antworten zu Abdeckung, Spezifität, important-Deklarationen, Berichtsinhalten und Prüfdauer.
Geben Sie eine URL ein und erhalten Sie einen klaren Bericht über CSS-Größe, genutztes/ungenutztes CSS, Selektoren, Deklarationen, Spezifität, Duplikate, Design-Signale und CSS-Fehler.
CSS-Scanner startenWir berechnen die minimale, maximale und durchschnittliche Spezifität und listen die komplexesten Selektoren separat auf.
Wir zählen Regeln, Selektoren und Deklarationen und zeigen wiederholte property:value-Paare sowie Beispiele für Deklarationen mit !important.
Wir zeigen die häufigsten Media Queries und zählen CSS-Eigenschaften mit Vendor-Präfixen: -webkit-, -moz-, -ms- und -o-.
Der Bericht gibt eindeutige Farbwerte, erkannte font-family-Werte, numerische z-index-Werte und Beispiele für CSS-Validierungsfehler aus.
| components.css |
| extern |
| genutzt / ungenutzt |
| nach Quelle |
| Inline-Styles | Inline | Regeln / Deklarationen | Anzahl |
Der Bericht hilft dir schnell zu erkennen, wo CSS die Seite aufbläht, wo die Kaskade kompliziert wird und wo das Designsystem bei Farben, Schriftarten und z-index auseinanderläuft.
Zeigt zusätzliches Stilvolumen, das der Browser für die geprüfte Seite herunterlädt und parst.
Hohe Werte und häufige Überschreibungen deuten darauf hin, dass die CSS-Pflege genauer geprüft werden sollte.
Listen eindeutiger Werte helfen, die Konsistenz des Designsystems zu bewerten, ohne CSS manuell zu durchsuchen.