Wenn ihr in Webflow arbeitet, löscht ihr manchmal Sections oder Components, aber ihre CSS-Klassen bleiben trotzdem in eurem Projekt bestehen. Diese ungenutzten Klassen blähen euer Stylesheet auf und können sich negativ auf die Ladegeschwindigkeit eurer Seite auswirken. In diesem Tutorial zeigen wir euch, wie ihr sie sicher entfernt.
Wo kann ich ungenutzte Klassen in Webflow löschen?
Das Entfernen ungenutzter Klassen ist nur im Design-Modus möglich. Weder im Build-Modus noch im Editor-Modus habt ihr Zugriff auf die nötigen Funktionen. Achtet also darauf, dass ihr euch im Design-Modus befindet.
Sobald ihr dort seid, findet ihr ein kleines Tropfen-Icon. Ein Klick darauf öffnet eine Übersicht aller Klassen in eurem Projekt.
Wusstest du, dass das Aufräumen von Klassen zu einer sauberen Webflow-Wartung & Pflege gehört, die wir für Kundenprojekte laufend übernehmen?
Ungenutzte Styles aufräumen
- Klickt auf das Tropfen-Icon in der linken Leiste.
- In der Übersicht findet ihr ein Pinsel-Icon namens "Cleanup".
- Wenn ihr darauf klickt, zeigt euch Webflow alle ungenutzten Styles an.
- Mit einem weiteren Klick könnt ihr sie sicher löschen.
Einzelne ungenutzte Klassen löschen
Wenn ihr gezielt eine einzelne Klasse entfernen wollt, geht das auch:
- Sucht die gewünschte Klasse über das Suchfeld in der Style-Übersicht.
- Wenn sie nicht mehr in Nutzung ist, erscheint ein Mülleimer-Icon daneben.
- Klickt auf das Icon, um die Klasse dauerhaft zu löschen.
Hinweis: Wenn eine Klasse noch irgendwo in eurem Design genutzt wird, wird das Mülleimer-Icon nicht angezeigt und die Klasse kann nicht gelöscht werden.
FAQs
Open your project in the Designer, go to the Style Manager, click Clean up, review the unused styles, and select Remove. You can also search for a specific unused class and delete it individually.
A class cannot be deleted if it is still applied to an element somewhere in the project. Check your pages, CMS templates, components, and other layouts for remaining instances before trying again.
Removing unused classes keeps the project's stylesheet cleaner and can reduce unnecessary CSS, but it's not usually a major performance improvement on its own. For a meaningful speed improvement, also review images, custom code, JavaScript, fonts, and third-party scripts.
Yes. A class may be used by JavaScript, custom code, or a third-party library even if it appears unused inside Webflow. Search your scripts for the class name and test related interactions before and after deleting it.
Yes. Create a manual backup before cleaning up a large number of classes or working on a production website. A backup gives you a recovery point if a layout, component, or custom interaction stops working afterward.
