Leistungsbeschreibung

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.

Durch Nutzung des Lazyload Moduls wird eine erheblich verbesserte Ladegeschwindigkeit der Shopseiten erzielt.

Bilder, welche sich im noch nicht sichtbaren Website-Bereich befinden, werden im HTML img-src Attribut mit einem 1x1 Pixel Gif vorbelegt. Durch Scrolling werden im Anschluss die originalen Bilder in den verfügbaren Bildgrößen nachgeladen, sobald sie in den sichtbaren Bereich eintreten.

Das Lazyload Modul bietet auch die Möglichkeit, einzelne Bilder von diesem Verhalten auszuschliessen. Die Lazy Loading-Funktionalität ist in allen Bereichen verfügbar, sie betrifft nicht nur den Katalog, Produktdetailseiten und CMS, sondern zusätzlich den Warenkorb, Checkout und Kundenbereich.

Die Modul-Funktionalität ist auch gegeben, wenn Bilder mittels Page Builder hochgeladen werden, gültig innerhalb Katalog, den Produktdetailseiten und CMS.

Technische Modul Informationen

Version

v3.x

Modulname

Lazyload

Hersteller

TechDivision GmbH

Lizenz

Proprietary

Kompatibilität

Magento 2.4.x Opensource (CE) / Commerce (EE)

Magento Version Compatibility

Magento Version Latest Version

Magento >= 2.4.4 Commerce (CE/EE)

composer require techdivision/lazyload ^3.0.0

Magento 2.4.x Opensource (CE) / Commerce (EE)

composer require techdivision/lazyload ^2.1.0

Magento 2.3.x Opensource (CE) / Commerce (EE)

composer require techdivision/lazyload ^1.1.0

PHP Version

Compatible zu PHP Version

PHP 7.4 / PHP 8.0 / PHP 8.1

Spezifische Modul Merkmale

  • Aktivierung bzw. Deaktivierung des Lazy Loadings mit einem Klick im Magento Backend

  • Image Lazy Loading in allen Bereichen des Shops

    • Katalog

    • PDS

    • Warenkorb

    • Checkout

    • Kundenbereich

    • CMS

  • Signifikante Verbesserung der Ladegeschwindigkeit von Bildern "above the fold"

  • Möglichkeit der Exklusion von einzelnen Bildern aus Lazy Loading mittels CSS Class

  • Verwendung eines Base64 encoded Platzhalter Bildes möglich

  • Kompatibilität mit Page Builder

  • Modul arbeitet im Magento Prozess am Ende des HTML Renderprozess ein

  • Konfigurative Lazy-Load-Strategie

    • nativ per HTML-Attribut "loading"

    • per Javascript-Funktionalität

Feature Übersicht

Beschreibung Magento Standard Lazyload Modul

CE/EE

CE/EE

Image Lazy Loading in allen Bereichen des Shops

nein

ja

Video Lazy Loading

nein

ja

Lazy Loading von Background Images

nein

ja

Base64 encoded Lazyload Blank Image

nein

ja

Aussschluss definierter Bilder von Lazy Loading

nein

ja

Kompatibilität mit PageBuilder (auch Ausschlussfunktion)

nein

ja

Konfigurationsoption HTML- oder Javascript-LazyLoading

nein

ja

Was kann das Modul nicht

  • Das Ladeverhalten von Background-Images wird nicht angepasst.

Was ist im Lizenzpreis enthalten

  • Minor Updates

  • Bugfixes

  • Security Updates

Voraussetzung zur Nutzung

Um das TechDivision Country PopUp Modul in Magento nutzen zu können, sind folgende Punkte zu beachten:

Glossar

Begriff Beschreibung

Lazy Loading

Bezeichnet ein Entwurfsmuster, bei welchem Datenobjekte Werte oder andere abhängige Objekte bereitstellen, diese aber erst bei einer konkreten Anfrage aus der Datenquelle holen

View Port / Above the fold

Bezeichnet den, ohne Scrollen und Swipen sichtbaren Bereich in einem Browserfenster