App-Einbindungen und Liquid-Theme
Testen Sie Variantenwahl, Produktgalerie und Warenkorb bei aktiven Apps. Ordnen Sie Verzögerungen einzelnen Interaktionen zu, bevor Sie Theme-Code pauschal verändern.
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: Ein Klick auf den Variantenfilter wartet auf eine lange JavaScript-Aufgabe, bevor eine sichtbare Reaktion erscheint. Die Verzögerung betrifft eine konkrete Interaktion.
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 problematische Interaktion im Performance-Trace wiederholen, lange Aufgaben aufteilen und unnötige Arbeit reduzieren. Danach dieselbe Interaktion erneut messen.
Ausnahmen und Geltungsbereich
INP ist keine reine Ladezeitkennzahl. Ein schneller erster Seitenaufbau schließt langsame spätere Bedienung nicht aus.
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: Die langsame Interaktion konkret benennen