Wenn du im Divi Builder Farben oder Abstände änderst und im Frontend trotzdem alte Stile siehst, liegt das meist am Cache. WordPress-Websites speichern Inhalte an mehreren Stellen zwischen: im Browser, im Caching-Plugin, in Divis eigener CSS-Generierung und oft auch auf dem Server oder einem CDN. Wer diese Schichten richtig leert, sieht sofort das aktuelle Ergebnis – und hat weiterhin alle Inhalte und Einstellungen gesichert.

Diese Anleitung zeigt dir, wie du WordPress Cache leeren mit Divi 4.x in der richtigen Reihenfolge durchführst. Du erfährst, welche Arten von Cache es gibt, wo die Leeren-Buttons in gängigen Tools sitzen und welche Fehler du vermeiden solltest.

Was ist der WordPress-Cache und warum entsteht er?

Der Cache ist ein Zwischenspeicher. Er legt fertige Kopien von Webseiten, Bildern und Stildateien ab, damit der Browser oder der Server sie beim nächsten Aufruf schneller ausliefert. Das reduziert Ladezeiten, entlastet den Server und sorgt für ein flüssigeres Surf-Erlebnis.

Der Nachteil: Wenn du Inhalte oder Designs änderst, zeigt der Cache oft zuerst die alte Version an. Das ist besonders bei Divi spürbar, weil das Theme automatisch CSS-Dateien generiert und diese im Theme-Ordner ablegt. Wer die CSS-Grundlagen von Divi 4.x versteht, weiss, dass die Static CSS File Generation eine zentrale Rolle bei der Performance spielt.

Welche Cache-Schichten gibt es bei WordPress und Divi?

Vier Ebenen sind für WordPress-Betreiber relevant:

1. Browser-Cache: Der lokale Speicher des Besuchers. Er hält CSS, JavaScript und Bilder bereit, damit Seiten beim erneuten Aufruf schneller laden.
2. Caching-Plugin: Ein WordPress-Plugin wie WP Rocket, LiteSpeed Cache oder W3 Total Cache erzeugt statische HTML-Kopien deiner Seiten.
3. Divi Static CSS File Generation: Divi legt optimierte CSS-Dateien unter wp-content/uploads/et-cache ab, damit der Browser weniger Daten laden muss.
4. Server-Cache oder CDN: Das Hosting und Netzwerke wie Cloudflare können ebenfalls Seiten oder Medien zwischenspeichern.

Diese Schichten wirken unabhängig voneinander. Deshalb reicht es oft nicht, nur eine Stelle zu leeren.

Browser-Cache leeren: Schritt für Schritt

Der schnellste Weg, den Browser-Cache zu leeren, ist ein harter Reload mit der Tastenkombination. Das lädt die Seite neu und überschreibt gespeicherte Dateien.

Browser	Tastenkombination	Was passiert?
Google Chrome	Strg + Umschalt + R (Windows) / Cmd + Umschalt + R (Mac)	Ignoriert lokalen Cache und lädt alle Ressourcen neu.
Mozilla Firefox	Strg + F5 / Cmd + Umschalt + R	Erzwingt einen Complete-Reload der Seite.
Apple Safari	Cmd + Option + R	Lädt die Seite neu und leert dabei den Cache für diese Domain.
Microsoft Edge	Strg + Umschalt + R	Entspricht Chrome, lädt alle Daten neu.

Wenn das nicht reicht, kannst du den gesamten Browser-Cache in den Einstellungen löschen. Das betrifft aber alle besuchten Websites und entfernt eventuell gespeicherte Logins. Für gezieltes Testen ist ein Browser-Fenster im privaten Modus meist der praktischere Weg.

Caching-Plugin leeren: WP Rocket, LiteSpeed Cache und W3 Total Cache

Welchen Button du drücken musst, hängt vom installierten Plugin ab. Die meisten Anbieter platzieren den Leeren-Button prominent in der oberen Admin-Leiste.

WP Rocket

1. Melde dich im WordPress-Backend an.
2. Klicke in der Admin-Leiste auf WP Rocket.
3. Wähle Cache leeren oder öffne Einstellungen → WP Rocket → Dashboard und klicke auf Cache leeren.

LiteSpeed Cache

1. Gehe im Backend zu LiteSpeed Cache im Menü.
2. Wähle Cache und klicke auf Purge All.
3. Falls Object Cache oder CDN aktiv sind, leere auch diese separat.

W3 Total Cache

1. Öffne Performance im linken Menü.
2. Klicke auf Empty All Caches in der Dropdown-Liste.
3. Prüfe zusätzlich, ob eine CDN-Integration aktiv ist, und leere diese im Reiter General Settings → CDN.

Achten darauf, dass du nach dem Leeren des Caching-Plugins immer mindestens einmal die betroffene Seite im Browser neu lädst.

Divi-Cache leeren: Static CSS File Generation

Divi 4.x speichert optimierte CSS-Dateien im Uploads-Ordner. Wenn du Anpassungen im Theme Customizer oder Divi Builder vornimmst, kann es sein, dass der Browser die alte Version dieser Dateien lädt. In meinem Artikel zu den CSS-Grundlagen von Divi 4.x habe ich erklärt, wie diese Dateien entstehen und warum sie leistungsrelevant sind.

So leerst du den Divi-Cache:

1. Gehe im WordPress-Backend zu Divi → Theme Options.
2. Wechsle zum Reiter General.
3. Öffne den Bereich Performance.
4. Aktiviere Static CSS File Generation (falls noch nicht aktiv).
5. Klicke auf Clear Static CSS neben der Option.
6. Speichere die Einstellungen.

Divi erzeugt die CSS-Dateien anschliessend neu. Das kann nach umfangreichen Änderungen kurz mehr Server-Ressourcen beanspruchen, ist aber vollkommen ungefährlich.

Server-Cache und CDN leeren

Einige Hosting-Anbieter puffern Seiten serverseitig. Auch Content Delivery Networks wie Cloudflare oder QUIC.cloud speichern Inhalte auf weltweiten Edge-Servern. Wenn du alle oben genannten Ebenen geleert hast und immer noch alte Inhalte siehst, prüfe diese Quellen.

Server-Cache lässt sich meist über das Hosting-Kundenpanel oder ein Anbieter-Plugin leeren. Bei Cloudflare gehst du zu Caching → Configuration → Purge Everything. Bei LiteSpeed CDN oder QUIC.cloud findest du die Option im jeweiligen Plugin-Tab.

Diese Ebenen solltest du erst dann leeren, wenn Browser-Cache, Caching-Plugin und Divi-Cache bereits erledigt sind. Sonst vermeidest du unnötigen Traffic auf der Server-Infrastruktur.

Experten-Tipp aus der Praxis: Leere bei Divi-Problemen immer in dieser Reihenfolge: zuerst den Divi Static CSS Cache, dann das Caching-Plugin, danach den Browser-Cache. Wenn ein CDN aktiv ist, purgst du das CDN erst ganz zum Schluss. In den meisten Fällen ist das Problem danach behoben.

Christopher Matt, Matt Interfaces Luzern

Checkliste: Cache leeren ohne Datenverlust

Cache-Dateien sind temporär. Du verlierst damit keine Inhalte, keine Bestellungen und keine Benutzerdaten. Trotzdem lohnt sich eine kurze Reihenfolge, um nichts zu übersehen:

1. Divi Static CSS Cache leeren.
2. Caching-Plugin leeren.
3. Browser-Cache mit hartem Reload leeren.
4. Seite im privaten Browserfenster testen.
5. Bei Bedarf CDN-Cache purgen.
6. Auf Mobilgerät erneut prüfen, da Responsive-Breakpoints eigene CSS-Dateien verwenden.

Häufig gestellte Fragen

Kann ich den WordPress-Cache gefahrlos löschen?

Ja. Cache-Dateien werden beim nächsten Seitenaufruf automatisch neu erzeugt. Deine Inhalte, Einstellungen und Datenbank bleiben unberührt.

Warum sehe ich nach dem Leeren immer noch alte Inhalte?

Dann ist vermutlich noch eine weitere Cache-Schicht aktiv. Prüfe in dieser Reihenfolge: privates Browserfenster, Divi Static CSS Cache, Caching-Plugin, Hosting-Cache, CDN-Cache.

Muss ich bei Divi den Cache regelmässig leeren?

Nein. Leere den Divi-Cache nur, wenn du Designänderungen vorgenommen hast und diese nicht sofort im Frontend erscheinen, oder wenn dir Layout-Probleme auffallen.

Was ist der Unterschied zwischen Divi-Cache und Caching-Plugin?

Divi legt statische CSS-Dateien auf dem Server ab, damit das Styling schneller geladen wird. Ein Caching-Plugin erzeugt dagegen HTML-Kopien deiner ganzen Seiten. Beide Systeme können veraltete Dateien liefern und werden daher beide bei Bedarf geleert.

Fazit

Das Leeren des Caches bei WordPress und Divi 4.x ist keine Hexerei. Wer die genannte Reihenfolge beachtet, löst die meisten Darstellungsprobleme in wenigen Minuten. Divi Static CSS, Caching-Plugin, Browser und gegebenenfalls CDN nacheinander zu leeren ist effizienter als wildes Klicken auf jeden verfügbaren Button.

Wenn du regelmässig unsicher bist, welche Ebenen bei deiner Website aktiv sind, vereinbare ein kostenloses Erstgespräch. Ich helfe dir dabei, die passenden Caching-Einstellungen für dein Setup zu finden und unnötige Stolperfallen zu vermeiden.

Zuletzt aktualisiert am 26. September 2026 von Christopher Matt, Matt Interfaces Luzern.

Quellen

• Elegant Themes Help Center: Divi Performance Documentation. URL: https://www.elegantthemes.com/documentation/divi/performance/ (abgerufen am 26. September 2026)
• Elegant Themes Help Center: Divi Theme Options. URL: https://www.elegantthemes.com/documentation/divi/divi-theme-options/ (abgerufen am 26. September 2026)