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.
-
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 |
v1.0 |
Modulname |
Lazyload |
Hersteller |
TechDivision GmbH |
Lizenz |
"proprietary" |
Kompatibilität |
Magento 2.1.x - 2.3.x Opensource (CE) / Commerce (EE) |
Requirements / Installation
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 greift im Magento Prozess am Ende des HTML Renderprozess ein
Voraussetzung zur Nutzung
Um das TechDivision Lazyload-Modul in Magento nutzen zu können, sind folgende Punkte zu beachten:
-
Rahmenvertrag
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 |