Caching- und Performance-Plugins richtig einstellen

Feedivo arbeitet problemlos mit üblichen WordPress-Caches. Die Posts liegen lokal in deiner WordPress-Installation und können zusammen mit der Seite zwischengespeichert werden. Nach einer Feed-Änderung genügt es bei reinen Seiten-Caches normalerweise, den Cache einmal zu leeren.

Wenn ein Feed plötzlich unformatiert aussieht, liegt es meist an einer CSS-Optimierung wie „Unused CSS entfernen“, „Remove Unused CSS“ oder „UCSS“. Feedivo schützt seine Styles bereits vor den verbreitetsten Optimierungs-Plugins. Bei abweichenden Einstellungen oder weiteren Optimierungsebenen kann trotzdem ein manueller Ausschluss nötig sein.

Schnelllösung#

1. Leere zuerst den Cache des Performance-Plugins sowie vorhandene Server- und CDN-Caches.
2. Öffne die Seite in einem privaten Browserfenster und teste den Feed samt Lightbox oder Karussell.
3. Besteht das Problem weiter, schließe die Feedivo-Styles von „Unused CSS“, CSS-Minifizierung und CSS-Zusammenfassung aus.
4. Leere danach erneut alle beteiligten Caches.

Woran du ein CSS-Problem erkennst#

• Die Lightbox öffnet nicht als dunkles Overlay, sondern als unformatierter Block mit übergroßem Plattform-Symbol.
• Das Karussell funktioniert, aber Pfeile, Abstände oder Hover-Effekte fehlen.
• Das Problem trat nach dem Aktivieren, Aktualisieren oder Umkonfigurieren eines Performance-Plugins auf.

Warum CSS-Optimierung den Feed beeinflussen kann#

Beim Entfernen ungenutzter CSS-Regeln untersucht ein Plugin eine einzelne Fassung deiner Seite. Dynamische Elemente können dabei fehlen oder noch nicht geöffnet sein. Werden ihre Regeln aussortiert, funktioniert der Feed technisch weiter, sieht aber unvollständig aus.

Feedivo manuell ausschließen#

Je nach Eingabefeld verwendest du den Dateipfad oder die Selektoren:

• Datei oder Ordner: wp-content/plugins/feedivo/assets/css/feed-layouts.css beziehungsweise plugins/feedivo/assets/css/
• Selektoren: .feedivo-, .feed-, .post-card und .post-row

Einstellungen in verbreiteten Plugins#

WP Rocket und Perfmatters#

Bei WP Rocket findest du die CSS-Safelist unter Dateioptimierung → CSS. Trage dort den Dateipfad ein:

/wp-content/plugins/feedivo/assets/css/(.*).css

.feedivo-
.feed-
.post-card
.post-row

Bei Perfmatters kannst du unter Assets → Remove Unused CSS den Pfadbestandteil /plugins/feedivo/ bei den ausgeschlossenen Stylesheets eintragen. Alternativ verwendest du dort die vier Selektor-Präfixe.

Falls WP Rocket die JavaScript-Ausführung verzögert und das Karussell erst nach dem ersten Klick reagiert, schließe zusätzlich feedivo und feed-frontend von dieser Verzögerung aus.

LiteSpeed Cache#

Unter Seitenoptimierung → CSS-Einstellungen heißt die Funktion „UCSS generieren“. Trage die Datei bei UCSS File Excludes and Inline oder die Selektoren in der UCSS-Allowlist ein. Für Minify und Combine genügt unter Tuning → CSS Excludes der Pfadbestandteil feedivo.

Autoptimize#

In der Regel ist keine manuelle Einstellung nötig. Falls du den Ausschluss prüfen möchtest, sollte unter Einstellungen → Autoptimize → Exclude CSS from Autoptimize der Pfad plugins/feedivo/assets/css stehen.

WP-Optimize und WP Fastest Cache#

WP-Optimize bietet unter Minify → CSS einen Ausschluss für einzelne Dateien. Trage dort feedivo oder den vollständigen Stylesheet-Pfad ein.

Bei WP Fastest Cache legst du im Bereich Exclude eine CSS-Regel für feedivo im Pfad an. Zum Gegenprüfen kannst du „Minify CSS“ und „Combine CSS“ kurzzeitig abschalten und den Cache leeren.

FlyingPress, Easy Optimizer und SiteGround Optimizer#

• FlyingPress: Unter CSS → Remove Unused CSS die Selektoren erzwungen einschließen oder das Stylesheet vom Optimieren ausnehmen.
• Easy Optimizer: feed-layouts.css ausschließen oder die Selektoren in die Safelist eintragen.
• SiteGround Optimizer: Unter Frontend-Optimierung → CSS „Combine CSS“ und „Minify CSS“ testweise ausschalten oder Feedivo gezielt ausnehmen.

Wenn es weiterhin falsch aussieht#

1. Prüfe, ob dein Theme eine eigene Performance-Funktion aktiviert hat.
2. Suche nach einem zweiten Cache-, CDN- oder Optimierungsdienst.
3. Deaktiviere CSS-Optimierungen kurzzeitig einzeln. Sobald die Darstellung wieder stimmt, kennst du die verantwortliche Ebene und kannst Feedivo dort gezielt ausschließen.
4. Bleibt der Fehler auch ohne Optimierung bestehen, prüfe die WordPress-Einrichtung und den Leitfaden zur Fehlerbehebung.