CSS optimieren und Ladezeiten verbessern mit Un-CSS

Un-CSS – Ungenutztes CSS entfernen und Stylesheets bereinigen

Mit Un-CSS lässt sich überprüfen, welche CSS-Regeln auf einer konkreten Webseite tatsächlich verwendet werden und welche Selektoren ungenutzt sind. Das Tool kann eine Website-URL laden oder eigenen HTML- und CSS-Code analysieren. Anschließend wird ein bereinigtes CSS erzeugt, das kopiert oder heruntergeladen werden kann. Ziel ist es, unnötigen CSS-Ballast zu reduzieren und die Performance einer Website zu verbessern. [oai_citation:1‡CSS Bereiniger](https://un-css.eiwen.net/)

Merkmale

• Analyse von Website-URLs, eigenem HTML und eigenem CSS-Code.
• Erkennung genutzter und ungenutzter CSS-Regeln auf Basis des vorhandenen DOM.
• Ausgabe eines bereinigten CSS mit Anzeige von Originalgröße, bereinigter Größe und prozentualer Ersparnis.
• Unterstützung für Schutzlisten, damit wichtige Selektoren nicht versehentlich entfernt werden.
• Option, JavaScript-Klassen zu berücksichtigen, damit dynamische Zustände geschützt bleiben.
• Zusätzliches Analyse-Protokoll mit Quellen, geschützten Selektoren und ungenutzten Selektoren.
• Bereinigtes CSS kann direkt kopiert oder heruntergeladen werden.

Besondere Funktionen

• Verknüpfte Stylesheets und Styles aus style-Tags werden automatisch erkannt und mit der geladenen HTML-Seite abgeglichen.
• Über zusätzliches HTML lassen sich Templates, Includes, Navigationen, Modale oder andere dynamische Bereiche ergänzen, damit wichtige Klassen nicht übersehen werden.
• Eine Schutzliste erlaubt es, Selektoren wie .is-active, .show oder Slider-Klassen bewusst beizubehalten.
• Optional kann das Ergebnis minifiziert, von Kommentaren befreit oder nach Selektoren sortiert werden.
• Das Tool prüft zusätzlich die CSS-Qualität und weist auf typische Probleme wie leere Regeln, doppelte Eigenschaften, !important, @import oder unnötige Einheiten hin.

Vorteile für Webmaster und SEO

• Kleinere CSS-Dateien können zu schnelleren Ladezeiten beitragen.
• Weniger ungenutzter Code verbessert die technische Sauberkeit eines Projekts.
• Hilfreich bei der Optimierung von Web Performance und Core Web Vitals.
• Besonders nützlich für größere Websites mit vielen Stylesheets oder gewachsenen Frontends.
• Praktisch für Relaunches, Theme-Bereinigung und die Optimierung einzelner Landingpages.

Hinweise zur Nutzung

Das Tool weist darauf hin, dass dynamische Bereiche sorgfältig geprüft werden sollten. Klassen aus JavaScript, Menüs, Modalen, Slidern, Formularen oder versteckten Bereichen sind nicht immer direkt im geladenen HTML sichtbar. Deshalb sind Zusatz-HTML, Schutzlisten und eine Testumgebung vor der produktiven Nutzung sinnvoll. Auch das Sortieren von CSS-Regeln kann in Einzelfällen die Kaskade verändern und sollte daher mit Vorsicht verwendet werden. [oai_citation:2‡CSS Bereiniger](https://un-css.eiwen.net/)

Fazit

Un-CSS ist ein praktisches Tool für alle, die ungenutztes CSS finden und Stylesheets gezielt bereinigen möchten. Die Kombination aus URL-Analyse, eigenem HTML/CSS-Modus, Schutzliste, JavaScript-Erkennung und CSS-Qualitätsprüfung macht das Werkzeug besonders nützlich für Webmaster, Entwickler und SEO-Verantwortliche. Wer Ladezeiten verbessern und unnötigen CSS-Code reduzieren will, findet hier eine hilfreiche Lösung für die technische Optimierung von Webseiten. [oai_citation:3‡CSS Bereiniger](https://un-css.eiwen.net/)