Dokumentation Lazyload (3.x)
Beschreibung
Das Modul Lazyload optimiert das Ladeverhalten von sämtlichen Bildern eines Magento Shops in den Bereichen Katalog, PDS und CMS während des Scrollens und in Viewports, aber auch zusätzlich in den Bereichen Warenkorb, Checkout und Kundenbereich.
Es besteht die Möglichkeit, Lazy Loading für Videos zu aktivieren. Wenn diese Option aktiviert ist, werden YouTube-IFrames ersetzt. Je nach Konfiguration werden die Videos entweder erst geladen, wenn sie angeklickt werden, oder sobald sie in den sichtbaren Bereich des Bildschirms gelangen.
Zusätzlich können im Magento Admin Panel unter "Pages" bestimmte Bilder mit der CSS-Klasse nolazyload versehen werden. Bilder, die mit dieser Klasse markiert sind, werden vom Lazy Loading ausgeschlossen.
Darüber hinaus lässt sich Lazy Loading unter der Background Images Section auch für Hintergrundbilder aktivieren.
Funktionsmerkmale
| Funktion | Beschreibung |
|---|---|
Lazy Loading für Katalog- und CMS-Inhalte |
Lazy Loading für Bilder in den Bereichen Katalog/CMS/PDS und für Pagebuilder-Elemente. |
Lazy Loading für Youtube-Iframes |
Lazy Loading für Youtube I-frames kann optional aktiviert werden. |
Lazy Loading für Hintergrundbilder |
Lazy Loading für Hintergrundbilder kann optional aktiviert werden. |
Konfigurative Lazyload-Strategie |
Möglichkeit zwischen nativem HTML-Lazyloading und Javascript-Lazyloading zu wählen. |
Verbesserte Ladegeschwindigkeit |
Verbesserung der Ladegeschwindigkeit von noch nicht sichtbaren Bildern durch Ersetzen mit einem 1x1 Pixel Dummy Image |
Ausschluss von Bildern möglich |
[OPTIONAL] Die Möglichkeit, z.B. Logos durch das Setzen der CSS Class nolazyload bei Img-Tags in Blocks auszublenden |