Warum es passiert #
- WP Rocket cached beim ersten Aufruf nach Leeren
Wenn du WP Rocket-Cache leerst, ist der Cache zunächst komplett leer. Beim ersten Aufruf einer Seite wird diese frisch gerendert und dann gecached.
→ Falls beim allerersten Rendern (direkt nach Cache-Löschung) noch alte Template-Dateien, nicht geladene Assets oder unvollständige Elementor-Daten aktiv sind, wird diese fehlerhafte Version gespeichert. - Elementor-Cache & Template-Synchronisation brauchen Zeit
Elementor baut die Template-Struktur teilweise erst neu auf, wenn du den Cache leerst und alle betroffenen Seiten/Widgets einmal „durchlaufen“ wurden. Wenn WP Rocket in diesem Moment schon anfängt, Seiten zu cachen, erwischt es oft noch unvollständige Versionen. - Reihenfolge der Cache-Löschungen
Wenn Elementor seine Cache-Bereinigung nach WP Rocket durchführt, werden bei den ersten Seitenaufrufen noch falsche HTML-/CSS-Dateien in den WP Rocket-Cache geschrieben.
Was du dagegen tun kannst #
- Reihenfolge anpassen
- Erst Elementor Cache leeren und Template synchronisieren
- Dann einmal alle wichtigen Seiten aufrufen (damit Elementor neue CSS/HTML-Dateien generiert)
- Erst danach WP Rocket Cache leeren
→ So stellst du sicher, dass WP Rocket nur saubere, fertige Seiten cached.
- „Preload Cache“ in WP Rocket aktivieren
- In WP Rocket unter Einstellungen → Cache Preload aktivieren, dass alle Seiten automatisch nach Cache-Löschung vorgerendert werden.
- Vorteil: WP Rocket ruft die Seiten mit einem Bot ab, nachdem Elementor schon saubere Dateien bereitstellt.
- CSS/JS-Generierung in Elementor erzwingen
- Elementor → Werkzeuge → CSS & Daten regenerieren
- Sicherstellen, dass „CSS-Dateien für jedes Element“ nicht auf „inline“ gestellt ist, sondern in separaten Dateien – das vermeidet Render-Fehler.
- Page Caching verzögern (fortgeschritten)
- Manche setzen in WP Rocket ein kurzes Delay, sodass erst nach X Minuten nach Cache-Löschung der Preload-Bot läuft – dann sind Elementor-Dateien garantiert aktuell.
(WVI – Lösung)