Seitenreport Seitenreport
Medien in Magento

Lazy Loading fehlt in Magento beheben

Bilder nach ihrer Position im ersten Bildschirm beurteilen. In Magento prüfen Sie dafür Katalogbilder, Bildrollen und Theme-Größen.

Katalogbilder, Bildrollen und Theme-Größen

Prüfen Sie die konkrete Galerie- und Listenimplementierung des Themes. Ein globales Lazy-Loading-Modul sollte das erste sichtbare Hauptbild nicht unnötig verzögern.

Prüfen Sie die Rolle des Bildes im Produkt sowie die vom Theme angeforderte Größe. Ein korrektes Original kann durch falsche Thumbnail-Auswahl oder unpassende Galerie-Ausgabe dennoch zu groß oder verzerrt geladen werden.

Wo Sie die Einstellung in Magento prüfen

Prüfen Sie unter Images and Videos die Bildrollen des Produkts und die Ausgabe im aktiven Theme. Vergleichen Sie die im Browser geladene Datei mit der vorgesehenen Rolle und Größe. Varianten und Store Views können andere Medien oder Beschriftungen verwenden.

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 Magento

Produktlisting, Hauptbild und Zoom getrennt testen. Nach einer Varianten- oder Bildänderung auch die tatsächlich verwendeten Cache-/Medien-URLs 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: Magento Open Source beziehungsweise Adobe Commerce mit klassischer Storefront. Store Views und Erweiterungen berücksichtigen; andere Storefront-Architekturen haben eigene Konfigurationen.

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

W3C: Aufgabe und Alternative eines Bildes

web.dev: Bildausgabe optimieren

Verwandte Medien-Fehler in Magento