Theme-Bildausgabe und Produktmedien
Prüfen Sie das Bild-Markup des Themes je Einsatzort. Das erste sichtbare Produktbild und Bilder weit unten in einer Collection brauchen unterschiedliche Ladeentscheidungen.
Prüfen Sie die im Theme erzeugten Bild-URLs, Größen und Alternativtexte für Produktmedien. Das gleiche Original kann in einer kleinen Produktkarte und einer großen Galerie mit unterschiedlichen Anforderungen verwendet werden.
Wo Sie die Einstellung in Shopify prüfen
Prüfen Sie die Bildausgabe der betroffenen Section und ihre Verwendung von image_url und image_tag. Vergleichen Sie angeforderte Breite, responsive Quellen und Alt-Text mit dem Produktmedium. Die größte Originaldatei muss nicht an jede Bildschirmgröße ausgeliefert werden.
Beispiel für diesen konkreten Befund
Illustrativer Kontrollfall: Zwanzig Bilder weit unterhalb des ersten sichtbaren Bereichs laden sofort. Das große sichtbare Hero-Bild gehört dagegen nicht in dieselbe Verzögerungsregel.
Nachprüfung in Shopify
Die tatsächlich geladene Variante im mobilen Netzwerkprotokoll kontrollieren. Das erste sichtbare Produktbild nicht pauschal hinter Lazy Loading verschieben.
Geeignete nachgelagerte Bilder verzögert laden und im Netzwerkprotokoll beim Scrollen kontrollieren. Sichtbare Schlüsselbilder weiterhin rechtzeitig anfordern.
Ausnahmen und Geltungsbereich
Fehlendes Lazy Loading am LCP-Bild ist oft beabsichtigt. Eine pauschale Regel für sämtliche Bilder kann die sichtbare Ladezeit verschlechtern.
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: Bilder nach ihrer Position im ersten Bildschirm beurteilen
Dokumentation zur Konfiguration und zum Prüfsignal
Shopify: image_tag und Bildattribute