Seitenreport Seitenreport
Medien in WooCommerce

Lazy Loading fehlt in WooCommerce beheben

Bilder nach ihrer Position im ersten Bildschirm beurteilen. In WooCommerce prüfen Sie dafür Produktgalerie, Variantenbilder und Vorschaubilder.

Produktgalerie, Variantenbilder und Vorschaubilder

Behandeln Sie das erste sichtbare Produktbild anders als weitere Galerie- und Listenbilder. Eine globale Ladeoption kann sonst den Kaufbereich verzögern.

Vergleichen Sie Produkt-Hauptbild, Galerie und das Bild der ausgewählten Variante. In Block-Themes bestimmt die Galerie-Komponente ihre Darstellung; klassische Customizer-Einstellungen gelten nicht automatisch für jeden Galerieblock.

Wo Sie die Einstellung in WooCommerce prüfen

Öffnen Sie Produktbild, Galerie und das Bild der betroffenen Variante. Kontrollieren Sie die konkrete Bildreferenz und ihre Mediathek-Angaben. Beim Variantenwechsel muss auch die neue Bildausgabe eine passende Alternative und einen reservierten Darstellungsraum besitzen.

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 WooCommerce

Galerie-Wechsel und Variantenauswahl mobil testen. Tatsächlich geladene Größe, Alternativtext und reservierte Fläche für jede Ansicht prüfen.

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: WooCommerce auf WordPress. Block- und klassische Produkt-Templates sowie SEO-Erweiterungen können unterschiedliche Ausgabestellen besitzen.

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

WooCommerce: Produktbilder und Galerien

W3C: Aufgabe und Alternative eines Bildes

web.dev: Bildausgabe optimieren

Verwandte Medien-Fehler in WooCommerce