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.
