Wenn deine Divi-Website nach kleineren Anpassungen im Page Builder plötzlich länger die Seite lädt oder es Layout-Shifts gibt oder veraltete Farben oder Schriften zeigt, liegt das oft an den automatisch generierten CSS-Dateien. Divi 4.x erzeugt diese Dateien, um die Ladezeit zu verbessern, denn das Thema wordpress ladezeit optimieren betrifft fast jeden WordPress-Betreiber. Gleichzeitig sorgen die Cache-Dateien im Alltag bei vielen Schweizer KMU für Verwirrung. Wer die divi performance seiner Website verbessern möchte, kommt an diesem Grundwissen nicht vorbei. In diesem Artikel zeige ich dir, wo du die Einstellungen findest, wie du die Dateien sicher leerst und wann es sinnvoll ist, die automatische Generierung ganz abzuschalten.

Was sind automatisch generierte Divi-CSS-Dateien?

Divi 4.x sammelt alle Design-Informationen aus den Modulen, dem Theme Customizer und den Theme Options und schreibt sie in eine oder mehrere statische CSS-Dateien. Anstatt bei jedem Seitenaufruf das CSS neu zu berechnen, liefert der Server diese fertige Datei aus. Das reduziert die Rechenlast auf dem Server und kann die Ladezeit spürbar verbessern.

Die Dateien liegen im Uploads-Verzeichnis von WordPress, typischerweise unter wp-content/uploads/et-cache/. Dort findest du Dateien mit Hash-Namen wie et-core-unified-123.css. Diese Hashes ändern sich, sobald Divi neue CSS-Regeln generiert. Wer gezielt divi css optimieren möchte, sollte diese Einstellung kennen, denn dort entscheidest du, ob Divi diese Dateien überhaupt erzeugen darf.

Wo finde ich die Performance-Einstellungen in Divi 4.x?

Die zentrale Schaltstelle für das CSS-Verhalten findest du im WordPress-Adminbereich. Gehe wie folgt vor:

1. Melde dich im WordPress-Backend an.
2. Klicke im linken Menü auf Divi.
3. Wähle Theme Options.
4. Wechsle zum Reiter General.
5. Scrolle nach unten zum Abschnitt Performance.

Dort siehst du mehrere Schalter, darunter Static CSS File Generation. Dieser Toggle aktiviert oder deaktiviert die automatische Erzeugung der statischen CSS-Dateien. Daneben befindet sich in der Regel ein Button, um bereits erzeugte Dateien zu löschen. Die genaue Bezeichnung kann je nach Divi-Version leicht variieren, die Funktion bleibt aber gleich.

Quelle: Elegant Themes Help Center – Divi Performance-Dokumentation, abgerufen am 24. September 2026.

URL: https://www.elegantthemes.com/documentation/divi/performance/

Schritt für Schritt: So leerst du die statischen Divi-CSS-Dateien

Das Löschen der generierten CSS-Dateien ist harmlos, weil Divi sie bei Bedarf neu anlegt. So gehst du vor:

1. Öffne im WordPress-Backend Divi → Theme Options → General → Performance.
2. Scrolle zu Static CSS File Generation.
3. Klicke auf den Button zum Leeren der generierten Dateien, falls vorhanden. Alternativ kannst du den Toggle kurz deaktivieren und wieder aktivieren, damit Divi die Cache-Dateien neu aufbaut.
4. Speichere die Theme Options.
5. Lade die betroffene Seite im Browser neu und leere ggf. den Browser-Cache.

Nach diesem Schritt sollten die aktuellen Farben, Abstände und Schriften wieder korrekt angezeigt werden. Wenn das nicht hilft, liegt das Problem oft in einem zusätzlichen Caching-Plugin oder auf Server-Ebene.

Wann solltest du die CSS-Generierung deaktivieren?

Die statische CSS-Generierung ist für produktive Websites in der Regel sinnvoll. In zwei Situationen macht es jedoch Sinn, den Toggle vorübergehend oder dauerhaft auszuschalten:

• Während der Entwicklung:** Wenn du täglich viele Design-Anpassungen testest, musst du sonst ständig die CSS-Dateien leeren. Hier ist es praktischer, die Generierung auszuschalten und sie vor dem Go-live wieder zu aktivieren.
• Bei inkonsistentem Verhalten:** Manche Plugins oder Custom-CSS-Erweiterungen kommen mit der statischen Generierung nicht zurecht. In solchen Fällen hilft es, den Toggle testweise zu deaktivieren.

Bedenke: Ohne Static CSS File Generation muss Divi das CSS bei jedem Seitenaufruf neu zusammenstellen. Das kann die Serverlast leicht erhöhen und die Ladezeit um einige Millisekunden verlängern. Für kleine bis mittlere Websites fällt das in der Praxis kaum ins Gewicht.

Weitere Hebel für bessere divi performance

Neben dem CSS-Cache gibt es weitere Hebel, die du direkt im Divi-Theme bedienen kannst:

• Output Styles Inline: Manchmal ist es schneller, kritisches CSS inline im Head-Bereich auszugeben, anstatt eine separate Datei zu laden. Teste diese Option auf einer Staging-Umgebung.
• Defer jQuery and jQuery Migrate: Divi bietet Optionen, um nicht benötigte Skripte zu verschieben. Das kann den First Contentful Paint verbessern.
• Google Fonts optimieren: Lade nur die Schriftschnitte, die du wirklich verwendest, und ziehe ein lokales Hosting der Fonts in Betracht.
• Bilder in WebP bereitstellen: Verwende moderne Bildformate und stelle sicher, dass Lazy Loading korrekt funktioniert. Das ist einer der wichtigsten Hebel, wenn du allgemein wordpress ladezeit optimieren möchtest.

Diese Massnahmen wirken am stärksten, wenn du sie kombinierst. Wer systematisch divi ladezeit optimieren möchte, sollte nicht nur den CSS-Cache, sondern auch Bilder, Skripte und Fonts in den Blick nehmen. Eine einzelne Einstellung allein macht selten den Unterschied zwischen einer langsamen und einer schnellen Website.

Typische Fehler beim CSS-Cleanup in Divi

Viele Website-Betreiber springen zu schnell auf die nächste Lösung, ohne den eigentlichen Cache-Schuldigen zu identifizieren. Diese Fehler begegne ich regelmässig in Projekten:

• Nur den Browser-Cache leeren: Der Browser zeigt oft noch die alte CSS-Datei an, obwohl Divi bereits neue Dateien erzeugt hat. Leere zusätzlich den Divi-Cache und den Server-Cache.
• Mehrere Caching-Plugins übereinander stapeln: Ein Page-Cache-Plugin plus Divi-Static-CSS plus serverseitiger Cache führen schnell zu Konflikten. Reduziere auf eine klar definierte Caching-Strategie.
• Änderungen direkt auf der Live-Website vornehmen: Teste Design- und Performance-Anpassungen zuerst auf einer Staging-Umgebung, um ungewollte Auswirkungen zu vermeiden.
• Die Static-CSS-Einstellung ignorieren: Viele Divi-Nutzer wissen nicht, dass diese Option existiert, und wundern sich über veraltete Styles.

Häufig gestellte Fragen

Fazit

Die automatisch generierten CSS-Dateien in Divi 4.x sind ein nützliches Werkzeug, um die divi performance und damit die Ladezeit deiner Website zu verbessern. Gleichzeitig sind sie die häufigste Ursache dafür, dass Design-Änderungen nicht sofort sichtbar werden. Mit dem richtigen Umgang – regelmässiges Leeren des Caches, bewusstes Aktivieren und Deaktivieren der Static CSS File Generation sowie eine klare Caching-Strategie – behältst du die Kontrolle über deine Divi-Website. Die passenden Fortsetzungen findest du in meiner Divi-Performance-Serie: in der Anleitung zu Lazy Load, Critical CSS & JS-Defer in Divi 4.x erkläre ich die nächsten Performance-Schalter, im Artikel WordPress Cache leeren mit Divi 4.x zeige ich, wie du Caching-Probleme gezielt löst, und im Beitrag Divi mobil schneller machen gehe ich auf die Besonderheiten mobiler Endgeräte ein.

Wenn du Unterstützung bei der Performance-Optimierung deiner Divi-Website brauchst, vereinbare ein kostenloses Erstgespräch. Ich helfe dir dabei, die richtigen Einstellungen zu treffen und unnötige Bremsen zu entfernen.

Quellen

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

Interne Links

• Lazy Load, Critical CSS & JS-Defer in Divi 4.x
• WordPress Cache leeren mit Divi 4.x
• Divi mobil schneller machen
• Gratis Beratungstermin
• Website erstellen lassen Schweiz

Experten-Tipp aus der Praxis:

"Bevor ich bei einer Divi-Website nach einem vermeintlichen Bug suche, leere ich immer zuerst den Divi-Cache, den Browser-Cache und den serverseitigen Cache in dieser Reihenfolge. In acht von zehn Fällen ist das Problem damit gelöst."

• Lazy Load, Critical CSS & JS-Defer in Divi 4.x
• WordPress Cache leeren mit Divi 4.x
• Divi mobil schneller machen
• Gratis Beratungstermin
• Website erstellen lassen Schweiz

site nach kleineren Anpassungen im Page Builder plötzlich länger die Seite lädt oder es Layout-Shifts gibt oder veraltete Farben oder Schriften zeigt, liegt das oft an den automatisch generierten CSS-Dateien. Divi 4.x erzeugt diese Dateien, um die Ladezeit zu verbessern, denn das Thema wordpress ladezeit optimieren betrifft fast jeden WordPress-Betreiber. Gleichzeitig sorgen die Cache-Dateien im Alltag bei vielen Schweizer KMU für Verwirrung. Wer die divi performance seiner Website verbessern möchte, kommt an diesem Grundwissen nicht vorbei. In diesem Artikel zeige ich dir, wo du die Einstellungen findest, wie du die Dateien sicher leerst und wann es sinnvoll ist, die automatische Generierung ganz abzuschalten.

Was sind automatisch generierte Divi-CSS-Dateien?

Divi 4.x sammelt alle Design-Informationen aus den Modulen, dem Theme Customizer und den Theme Options und schreibt sie in eine oder mehrere statische CSS-Dateien. Anstatt bei jedem Seitenaufruf das CSS neu zu berechnen, liefert der Server diese fertige Datei aus. Das reduziert die Rechenlast auf dem Server und kann die Ladezeit spürbar verbessern.

Die Dateien liegen im Uploads-Verzeichnis von WordPress, typischerweise unter wp-content/uploads/et-cache/. Dort findest du Dateien mit Hash-Namen wie et-core-unified-123.css. Diese Hashes ändern sich, sobald Divi neue CSS-Regeln generiert. Wer gezielt divi css optimieren möchte, sollte diese Einstellung kennen, denn dort entscheidest du, ob Divi diese Dateien überhaupt erzeugen darf.

Wo finde ich die Performance-Einstellungen in Divi 4.x?

Die zentrale Schaltstelle für das CSS-Verhalten findest du im WordPress-Adminbereich. Gehe wie folgt vor:

1. Melde dich im WordPress-Backend an.
2. Klicke im linken Menü auf Divi.
3. Wähle Theme Options.
4. Wechsle zum Reiter General.
5. Scrolle nach unten zum Abschnitt Performance.

Dort siehst du mehrere Schalter, darunter Static CSS File Generation. Dieser Toggle aktiviert oder deaktiviert die automatische Erzeugung der statischen CSS-Dateien. Daneben befindet sich in der Regel ein Button, um bereits erzeugte Dateien zu löschen. Die genaue Bezeichnung kann je nach Divi-Version leicht variieren, die Funktion bleibt aber gleich.

Quelle: Elegant Themes Help Center – Divi Performance-Dokumentation, abgerufen am 24. September 2026.

URL: https://www.elegantthemes.com/documentation/divi/performance/

Schritt für Schritt: So leerst du die statischen Divi-CSS-Dateien

Das Löschen der generierten CSS-Dateien ist harmlos, weil Divi sie bei Bedarf neu anlegt. So gehst du vor:

1. Öffne im WordPress-Backend Divi → Theme Options → General → Performance.
2. Scrolle zu Static CSS File Generation.
3. Klicke auf den Button zum Leeren der generierten Dateien, falls vorhanden. Alternativ kannst du den Toggle kurz deaktivieren und wieder aktivieren, damit Divi die Cache-Dateien neu aufbaut.
4. Speichere die Theme Options.
5. Lade die betroffene Seite im Browser neu und leere ggf. den Browser-Cache.

Nach diesem Schritt sollten die aktuellen Farben, Abstände und Schriften wieder korrekt angezeigt werden. Wenn das nicht hilft, liegt das Problem oft in einem zusätzlichen Caching-Plugin oder auf Server-Ebene.

Wann solltest du die CSS-Generierung deaktivieren?

Die statische CSS-Generierung ist für produktive Websites in der Regel sinnvoll. In zwei Situationen macht es jedoch Sinn, den Toggle vorübergehend oder dauerhaft auszuschalten:

• Während der Entwicklung:** Wenn du täglich viele Design-Anpassungen testest, musst du sonst ständig die CSS-Dateien leeren. Hier ist es praktischer, die Generierung auszuschalten und sie vor dem Go-live wieder zu aktivieren.
• Bei inkonsistentem Verhalten:** Manche Plugins oder Custom-CSS-Erweiterungen kommen mit der statischen Generierung nicht zurecht. In solchen Fällen hilft es, den Toggle testweise zu deaktivieren.

Bedenke: Ohne Static CSS File Generation muss Divi das CSS bei jedem Seitenaufruf neu zusammenstellen. Das kann die Serverlast leicht erhöhen und die Ladezeit um einige Millisekunden verlängern. Für kleine bis mittlere Websites fällt das in der Praxis kaum ins Gewicht.

Weitere Hebel für bessere divi performance

Neben dem CSS-Cache gibt es weitere Hebel, die du direkt im Divi-Theme bedienen kannst:

• Output Styles Inline: Manchmal ist es schneller, kritisches CSS inline im Head-Bereich auszugeben, anstatt eine separate Datei zu laden. Teste diese Option auf einer Staging-Umgebung.
• Defer jQuery and jQuery Migrate: Divi bietet Optionen, um nicht benötigte Skripte zu verschieben. Das kann den First Contentful Paint verbessern.
• Google Fonts optimieren: Lade nur die Schriftschnitte, die du wirklich verwendest, und ziehe ein lokales Hosting der Fonts in Betracht.
• Bilder in WebP bereitstellen: Verwende moderne Bildformate und stelle sicher, dass Lazy Loading korrekt funktioniert. Das ist einer der wichtigsten Hebel, wenn du allgemein wordpress ladezeit optimieren möchtest.

Diese Massnahmen wirken am stärksten, wenn du sie kombinierst. Wer systematisch divi ladezeit optimieren möchte, sollte nicht nur den CSS-Cache, sondern auch Bilder, Skripte und Fonts in den Blick nehmen. Eine einzelne Einstellung allein macht selten den Unterschied zwischen einer langsamen und einer schnellen Website.

Typische Fehler beim CSS-Cleanup in Divi

Viele Website-Betreiber springen zu schnell auf die nächste Lösung, ohne den eigentlichen Cache-Schuldigen zu identifizieren. Diese Fehler begegne ich regelmässig in Projekten:

• Nur den Browser-Cache leeren: Der Browser zeigt oft noch die alte CSS-Datei an, obwohl Divi bereits neue Dateien erzeugt hat. Leere zusätzlich den Divi-Cache und den Server-Cache.
• Mehrere Caching-Plugins übereinander stapeln: Ein Page-Cache-Plugin plus Divi-Static-CSS plus serverseitiger Cache führen schnell zu Konflikten. Reduziere auf eine klar definierte Caching-Strategie.
• Änderungen direkt auf der Live-Website vornehmen: Teste Design- und Performance-Anpassungen zuerst auf einer Staging-Umgebung, um ungewollte Auswirkungen zu vermeiden.
• Die Static-CSS-Einstellung ignorieren: Viele Divi-Nutzer wissen nicht, dass diese Option existiert, und wundern sich über veraltete Styles.

Häufig gestellte Fragen

Fazit

Die automatisch generierten CSS-Dateien in Divi 4.x sind ein nützliches Werkzeug, um die divi performance und damit die Ladezeit deiner Website zu verbessern. Gleichzeitig sind sie die häufigste Ursache dafür, dass Design-Änderungen nicht sofort sichtbar werden. Mit dem richtigen Umgang – regelmässiges Leeren des Caches, bewusstes Aktivieren und Deaktivieren der Static CSS File Generation sowie eine klare Caching-Strategie – behältst du die Kontrolle über deine Divi-Website. Die passenden Fortsetzungen findest du in meiner Divi-Performance-Serie: in der Anleitung zu Lazy Load, Critical CSS & JS-Defer in Divi 4.x erkläre ich die nächsten Performance-Schalter, im Artikel WordPress Cache leeren mit Divi 4.x zeige ich, wie du Caching-Probleme gezielt löst, und im Beitrag Divi mobil schneller machen gehe ich auf die Besonderheiten mobiler Endgeräte ein.

Wenn du Unterstützung bei der Performance-Optimierung deiner Divi-Website brauchst, vereinbare ein kostenloses Erstgespräch. Ich helfe dir dabei, die richtigen Einstellungen zu treffen und unnötige Bremsen zu entfernen.

Quellen

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

Interne Links

• Lazy Load, Critical CSS & JS-Defer in Divi 4.x
• WordPress Cache leeren mit Divi 4.x
• Divi mobil schneller machen
• Gratis Beratungstermin
• Website erstellen lassen Schweiz

Experten-Tipp aus der Praxis:

"Bevor ich bei einer Divi-Website nach einem vermeintlichen Bug suche, leere ich immer zuerst den Divi-Cache, den Browser-Cache und den serverseitigen Cache in dieser Reihenfolge. In acht von zehn Fällen ist das Problem damit gelöst."