Seitenreport Seitenreport
Performance in Shopify

CLS zu hoch in Shopify prüfen und einordnen

Das verschiebende Element ist nicht immer die Ursache. In Shopify prüfen Sie dafür App-Einbindungen und Liquid-Theme.

App-Einbindungen und Liquid-Theme

Beobachten Sie nachladende Bewertungs-, Empfehlungs- und Consent-Apps. Später eingefügte App-Blöcke können den Kaufbereich verschieben.

Ermitteln Sie, ob die problematische Ressource aus dem Theme, einer App oder einem externen Tag stammt. Deaktivieren Sie eine Einbindung zunächst kontrolliert im Test-Theme und prüfen Sie ihren tatsächlichen Nutzen auf dieser Seite.

Wo Sie die Einstellung in Shopify prüfen

Ordnen Sie externe Skripte den aktiven App-Einbettungen und Theme-Komponenten zu. Testen Sie eine verdächtige Einbindung zunächst in einer Theme-Kopie. Kontrollieren Sie nach der Änderung Variantenwahl, Warenkorb und Consent-Verhalten zusätzlich zur Ladezeit.

Beispiel für diesen konkreten Befund

Illustrativer Kontrollfall: Beim Laden einer Werbefläche rutscht der Artikel nach unten. Das verschobene Textelement wird gemessen, die fehlende Platzreservierung liegt aber am Banner darüber.

Nachprüfung in Shopify

Messungen für eine konkrete Produktseite wiederholen und Warenkorb sowie Variantenwahl nachtesten. Shopify-Plattformressourcen lassen sich nicht wie Dateien auf einem eigenen Server beliebig konfigurieren.

Die Layout-Shift-Aufzeichnung bis zum auslösenden Element verfolgen. Platz vorab reservieren und auch Einwilligungsbanner, Fonts sowie nachgeladene Inhalte testen.

Ausnahmen und Geltungsbereich

Eine einzelne Labormessung beschreibt nicht alle Nutzerzustände. Gezielte Nutzerinteraktionen und späte Verschiebungen getrennt einordnen.

Bezug: Shopify Online Store mit Liquid-Theme. Für Hydrogen oder andere Headless-Storefronts gelten eigene Rendering- und Hostingzuständigkeiten.

Den allgemeinen Fehler einordnen

Definition, systemunabhängige Ursachen und weitere Korrekturbeispiele: Das verschiebende Element ist nicht immer die Ursache

Dokumentation zur Konfiguration und zum Prüfsignal

web.dev: Ladeleistung und Interaktion untersuchen

Verwandte Performance-Fehler in Shopify