Listing-Modi

Wenn ein Besucher auf einer gecachten Listingseite landet, wird das gecachte HTML sofort ausgeliefert. Wenn sich seit dem Cache-Schreiben aber irgendein Produkt auf diesem Listing geändert hat, muss das Listing auch aktualisiert werden — entweder durch Holen des frischen Listings über dem gecachten oder durch lautloses Tauschen einzelner Produktkarten.

P2Lab Cache bietet zwei Listing-Lademodi unter Einstellungen → Speed Boost → Dashboard → Listing → Listing-Lademodus.

Skeleton-Modus (Standard)

Das klassische Refresh-Verhalten:

Gecachtes Listing rendert sofort.
Ein Loading-Overlay erscheint.
Die Seite holt im Hintergrund ein frisches Listing.
Wenn frische Daten ankommen, verschwindet das Overlay und der neue Inhalt ersetzt den alten.

Vorteile

Einfach und vorhersehbar
Der Besucher sieht einen klaren “Refreshing”-Hinweis

Nachteile

Das sichtbare Refresh unterbricht den Flow des Besuchers
Wenn sich das Listing selten ändert, ist das Overlay überflüssig

Hintergrund-Refresh-Modus

Ein anspruchsvolleres Verhalten:

Gecachtes Listing rendert sofort.
Eine Hintergrundanfrage holt das frische Listing.
Das Plugin diff’t das gecachte und das frische HTML auf Produktkarten-Ebene.
Nur Karten, die sich tatsächlich unterscheiden, werden ersetzt — lautlos, in-place. Unveränderte Karten werden nie neu gerendert.

Vorteile

Besucher sieht keinen Flash / Overlay
Nur geänderte Karten werden neu gerendert — Scroll-Position, Hover-State und lazy-loaded Bilder bleiben erhalten
Schnellstes wahrgenommenes Erlebnis

Nachteile

Etwas komplexer client-seitig; verlässt sich darauf, dass das Listing-Markup des Storefronts dem im Cache gespeicherten entspricht
Wenn sich die Markup-Struktur zwischen Cache-Schreiben und Refresh signifikant ändert (z. B. nach einem Theme-Update), fällt das Diff auf vollen Replace zurück

Hintergrund-Ersetzungseffekt

Bei Hintergrund-Refresh können Sie den visuellen Übergang für ersetzte Karten unter Listing → Hintergrund-Ersetzungseffekt wählen:

Sofort (Standard) — Karte sofort ersetzen, keine Animation
Überblenden (300 ms) — Fade-out + Fade-in über 300 ms; weicher, fügt aber ein wahrgenommenes “Schimmern” hinzu

Der Skeleton-Modus ignoriert diese Einstellung.

Wann wechseln

Standardartige Storefronts mit wenig Anpassung → Hintergrund-Refresh + Sofort funktioniert direkt und liefert die sauberste UX.
Stark angepasste Storefronts mit Custom-Listing-Markup → mit Skeleton beginnen, Hintergrund-Refresh auf Staging testen, dann wechseln.
Shops mit häufigen Listing-Änderungen → beide Modi funktionieren; Hintergrund-Refresh fühlt sich weniger laut an.
Shops mit seltenen Listing-Änderungen → beide Modi funktionieren; das Skeleton-Overlay ist selten sichtbar, weil die meisten gecachten Listings ohnehin keinen Refresh brauchen.

Sales-Channel-Geltungsbereich

Beide Einstellungen lassen sich pro Sales Channel überschreiben.

Wie es mit Invalidierung interagiert

Der Listing-Modus betrifft bereits gecachte Listings, die nur einen Freshness-Check brauchen. Ein Listing, dessen Cache-Eintrag invalidiert und nie neu aufgewärmt wurde, wird unabhängig vom Modus von Grund auf gerendert (voller MISS).