Bereinige CSS aus URLs, HTML und Stylesheets.

Der CSS Bereiniger hilft dir, ungenutztes CSS auf einer konkreten Website-URL zu finden. Das ist nützlich für schnellere Ladezeiten, kleinere Stylesheets, bessere Web Performance und sauberere Frontend-Auslieferung.

Du gibst eine Website-URL ein. Das Tool lädt das gerenderte HTML, erkennt verknüpfte CSS-Dateien und Inline-Styles und prüft CSS-Selektoren gegen genau diese HTML-Seite.

Ja. Im Modus HTML & CSS Code kannst du eigenen HTML-Code und eigenes CSS direkt einfügen. Das ist praktisch für einzelne Templates, Komponenten, Landingpages oder lokale Ausschnitte ohne öffentliche URL.

Ja. Alle Stylesheets aus link rel="stylesheet" und Styles aus style-Tags werden aus der geladenen HTML-Seite gelesen. Relative CSS-Pfade werden automatisch aufgelöst.

Eine direkte CSS-URL kann geladen werden. Für die Erkennung ungenutzter Regeln braucht das Tool aber HTML als Vergleich. Nutze dafür eine Website-URL, ergänze eigenes HTML oder verwende den Modus HTML & CSS Code.

Eigenes HTML ist hilfreich, wenn wichtige Klassen aus PHP-Templates, Includes, Modalen, Navigationen oder dynamisch geladenen Bereichen nicht direkt im HTML der URL sichtbar sind.

Nein. Analysiert wird das fertige HTML, das der Browser erhält. HTML aus PHP-Dateien, Includes oder Templates kannst du aber optional ergänzen, damit wichtige CSS-Klassen berücksichtigt werden.

Die Option durchsucht Inline-JavaScript und verknüpfte JavaScript-Dateien nach typischen Klassennamen. Gefundene Klassen werden geschützt, damit JavaScript-Zustände nicht versehentlich aus dem CSS entfernt werden.

Manche Klassen entstehen erst durch JavaScript, Slider, Cookie-Banner, Menüs oder Zustände wie is-active, open und show. Mit der Schutzliste kannst du solche Selektoren bewusst behalten, auch wenn sie im geladenen HTML nicht sichtbar sind.

Geschützte Selektoren bleiben erhalten, weil sie in der Schutzliste stehen oder aus JavaScript erkannt wurden. Ungenutzte Selektoren wurden im geprüften HTML nicht gefunden und deshalb aus der bereinigten CSS-Ausgabe entfernt.

Das Analyse-Protokoll zeigt, welche URL, CSS-Dateien, Inline-Styles, Zusatz-HTML, Schutzliste und Optionen verwendet wurden. So bleibt nachvollziehbar, woher die Daten kommen und warum das Ergebnis entstanden ist.

Style-Tags im Head werden als CSS-Quelle analysiert. Style-Attribute direkt an HTML-Elementen werden im Analyse-Protokoll gezählt, aber nicht als entfernbare CSS-Regeln ausgegeben, weil sie zum HTML-Element gehören.

Die CSS-Qualitätsprüfung zeigt typische Auffälligkeiten wie leere Regeln, doppelte Eigenschaften, !important, @import, unnötige Null-Einheiten, Display-Konflikte oder Positionswerte ohne passende position. Die Hinweise ändern das CSS nicht automatisch.

Kommentare entfernen ist optional. Wenn die Option aus ist, bleiben CSS-Kommentare erhalten und zählen nicht als versteckte Ersparnis. Wenn du kleinere Dateien möchtest, kannst du Kommentare bewusst entfernen.

Ja, das ist möglich. CSS nach Selektoren sortieren macht die Ausgabe übersichtlicher, kann aber bei gleich starken Regeln die Reihenfolge verändern. Nutze diese Option nur, wenn du die bereinigte CSS-Datei danach prüfst.

Der Hinweis erscheint, wenn sehr viel CSS entfernt wurde. Dann solltest du dynamische Bereiche, Zusatz-HTML und Schutzliste prüfen, bevor du die Datei produktiv nutzt.

Prüfe die bereinigte CSS-Datei immer zuerst in einer Testumgebung, leere Browser-, Server- und Plugin-Caches und kontrolliere wichtige Zustände wie Menüs, Modale, Slider, Formulare, Login-Bereiche und mobile Ansichten. Dynamische oder versteckte Klassen können trotz Schutzliste übersehen werden.

Ja. Das bereinigte CSS kann kopiert oder heruntergeladen werden. Bei URL-Analysen nutzt der Download einen passenden Dateinamen. Minifizieren und Kommentare entfernen bleiben bewusste Optionen.