Ready Dies ist eine speziell für Shopware 6 entwickelte App
Nicht sichtbare Bilder aufschieben / Lazy-Loading

Nicht sichtbare Bilder aufschieben / Lazy-Loading

von: metaroom (3) Bewertungen 277 Downloads
Buchungsoptionen:
Um den Merkzettel zu nutzen, musst du die dafür notwendigen Cookies akzeptieren. Cookies akzeptieren
Nutzbar in:
Nicht verfügbar
Diese App kann nicht in einem Shopware Cloud Shop verwendet werden.
Cloud
Self-hosted
Diese App ist auch für Shopware 5 verfügbar
Support
  • metaroom
  • de_DE en_GB
Dieser Extension Partner reagiert sehr schnell auf Supportanfragen
Details
  • maxia27731017972m
  • metaroom
  • 3.0.0
  • 05.03.2024
  • de_DE en_GB
  • 6.1.0 – 6.1.6
    6.2.0 – 6.2.3
    6.3.0.0 – 6.3.0.2
    6.3.1.0 – 6.3.1.1
    6.3.2.0 – 6.3.2.1
    6.3.3.0 – 6.3.3.1
    6.3.4.0 – 6.3.4.1
    6.3.5.0 – 6.3.5.4
    6.4.0.0
    6.4.1.0 – 6.4.1.2
    6.4.2.0 – 6.4.2.1
    6.4.3.0 – 6.4.3.1
    6.4.4.0 – 6.4.4.1
    6.4.5.0 – 6.4.5.1
    6.4.6.0 – 6.4.6.1
    6.4.7.0
    6.4.8.0 – 6.4.8.2
    6.4.9.0
    6.4.10.0 – 6.4.10.1
    6.4.11.0 – 6.4.11.1
    6.4.12.0
    6.4.13.0
    6.4.14.0
    6.4.15.0 – 6.4.15.2
    6.4.16.0 – 6.4.16.1
    6.4.17.0 – 6.4.17.2
    6.4.18.0 – 6.4.18.1
    6.4.19.0
    6.4.20.0 – 6.4.20.2
    6.5.0.0
    6.5.1.0 – 6.5.1.1
    6.5.2.0 – 6.5.2.1
    6.5.3.0 – 6.5.3.3
    6.5.4.0 – 6.5.4.1
    6.5.5.0 – 6.5.5.2
    6.5.6.0 – 6.5.6.1
    6.5.7.0 – 6.5.7.4
    6.5.8.0 – 6.5.8.7
    6.6.0.0
Durch Lazy-Loading werden Bilder erst dann geladen, wenn diese wirklich benötigt werden. Bilder... mehr

Produktinformationen

Highlights

  • Verbesserte initiale Seitenladezeit und Reduzierung der geladenen Datenmengen
  • Unterstützt alle Standard-Erlebniswelten-Elemente
  • Erkennt alle Img- und Picture-Tags im HTML-Dokument
  • Unterstützt natives Lazy-Loading auf Browserebene, ohne dass zusätzliche JS-Scripts benötigt werden
  • Deaktivierbar auf bestimmten Unterseiten oder Bereichen auf der Seite (URL / CSS-Selektor)

Beschreibung

Durch Lazy-Loading werden Bilder erst dann geladen, wenn diese wirklich benötigt werden.

Bilder welche sich nicht im Sichtfeld des Nutzers befinden werden erst dann geladen, wenn der Nutzer in die Nähe gescrollt hat.

So werden Bilder, welche der Nutzer möglicherweise nie zu sehen bekommt, vorerst vom Ladevorgang ausgeschlossen.

Durch die verringerte Netzwerkaktivität wird die Seiten-Ladegeschwindigkeit verbessert.

Da die Ladegeschwindigkeit auch ein SEO-Faktor ist, kann sich die App positiv auf das Ranking auswirken.


Wichtiger Hinweis bzgl. Kompatibilität:

Diese Erweiterung wurde in einer Shopware 6 Standardinstallation getestet. Eine vollständige Kompatibilität zu anderen Erweiterungen oder Themes kann ich leider nicht immer garantieren. Bitte testen Sie die Erweiterung vor dem Kauf - hierfür können Sie den Probemonat der Mietversion nutzen.    


Support & Hilfe

Vermissen Sie eine Funktion oder haben Sie einen Verbesserungsvorschlag?                      

Bei Fragen können Sie mich gerne unter info@metaroom.net kontaktieren. 

Bewertungen lesen, schreiben und diskutieren... mehr

Kundenbewertungen

Durchschnittliche Kundenbewertung aus 3 Bewertungen:

Gesamt
Funktionalität
Bedienung
Dokumentation
Support

Klasse Plugin + Toller Support

23.03.2021

Das Plugin funktioniert einwandfrei. Im Zusammenspiel mit einem anderen Plugin im Shop gab es zunächst Probleme die aber vom Support super schnell behoben wurden. Danke!

Gesamt
Funktionalität
Bedienung
Dokumentation
Support

Perfekte Erweiterung für jeden Shop

11.11.2020

Perfekte Erweiterung für jeden Shop. Funktioniert einwandfrei. Anpassungen bzw. Bugs wurden umgehend nach Kontakt umgesetzt. Kann man nur empfehlen!

Gesamt
Funktionalität
Bedienung
Dokumentation
Support

Schnell eingerichtet, tut was es soll.

10.04.2020

Gesamt
Funktionalität
Bedienung
Dokumentation
Support

Konfigurationsanleitung

Die Erweiterung wird über den Shopware-Store oder Plugin-Manager unter "Erweiterungen > Meine Erweiterungen" installiert.


In den meisten Fällen können die Standard-Einstellungen genutzt werden.

Bei Inkompatibilitäten mit anderen Erweiterungen oder Themes kann das Lazyloading in den Einstellungen für bestimmte URLs oder Elemente via CSS Selektor deaktiviert werden.


Optimierung des Largest Contentful Paint (LPC)


Zur Optimierung des LPC kann lazyloading für die allerersten Bilder auf der Seite deaktiviert werden.

Standardmäßig aktiviert das Plugin lazyloading für alle Bilder auf der Seite und eine automatische Erkennung der ersten Bilder ist leider nicht möglich. 

Das Problem kann jedoch mithilfe der CSS Blacklist gelöst werden.


Beispiel für die Umsetzung in Erlebniswelten-Layouts:


Trage in den Plugin-Einstellungen eine neue Zeile unter "Blacklist: CSS-Selektoren" ein:

.no-lazyloading


Öffne nun das Erlebniswelten-Layout und füge der ersten Sektion die CSS-Klasse "no-lazyloading" hinzu (Sidebar > Layout > CSS Klassen).


Alle Bilder innheralb der ersten Sektion werden nun nicht mehr lazyloaded.

Änderungen

Version 3.0.0

- Shopware 6.6 Kompatibilität

Version 2.1.4

- Kompatibilität mit Shopware 6.5.8.0

Version 2.1.3

- Versionsanforderung des symfony/css-selector Pakets geändert, um Probleme bei der Plugin-Installation via Composer zu vermeiden

Version 2.1.2

- HTML Validierungsfehler behoben: The sizes attribute must only be specified if the srcset attribute is also specified


Version 1.2.3

- HTML Validierungsfehler behoben: The sizes attribute must only be specified if the srcset attribute is also specified


Version 1.2.2

- Bugfix bzgl. Failed Composer Dependency nach Plugin-Update unter SW 6.4.13

Version 1.2.1

- Bugfix: Wenn bestimmte Sonderzeichen in der URL vorkommen, werden Hintergrundbilder nicht geladen

Version 2.1.1

- Bugfix: Wenn bestimmte Sonderzeichen in der URL vorkommen, werden Hintergrundbilder nicht geladen

Version 1.2.0

- Die Möglichkeit hinzugefügt, nur natives Lazy-Loading ohne zusätzliche JS Scripts zu verwenden (Plugin-Einstellungen > Einbindungsart)

- Die lazysizes Native Loading Extension wird nun standardmäßig aktiviert, wenn vom Browser unterstützt

Version 2.1.0

- Die Möglichkeit hinzugefügt, nur natives Lazy-Loading ohne zusätzliche JS Scripts zu verwenden (Plugin-Einstellungen > Einbindungsart)

- Die lazysizes Native Loading Extension wird nun standardmäßig aktiviert, wenn vom Browser unterstützt

Version 2.0.0

- Shopware 6.5 Kompatibilität

Version 1.1.10

- Bugfix bzgl. Ladeanimation in Produktslidern

Version 1.1.9

- Composer Dependencies aktualisiert

Version 1.1.8

- Shopware 6.4.14 Kompatibilität

Version 1.1.7

- Die Ladeanimation kann jetzt optional deaktiviert werden

Version 1.1.6

- Bugfix bzgl. Plugin GooddayHoverOnListingSW6: Bilder im Listing werden nicht mehr überlagert

Version 1.1.5

- Veraltete Funktionsaufrufe bzgl. RequestStack angepasst

Version 1.1.4

- Das Lazyloading-Script kann jetzt optional im Head eingebunden werden, was bei langsamen Ladezeiten helfen kann, wenn das Laden des Scripts im Body durch andere Scripts verzögert wird

Version 1.1.3

- Bugfix: Lazysizes wird jetzt früher initialisert, was die Ladezeit der Bilder verbessern kann, wenn das load-Event der Seite verzögert ist

Version 1.1.2

- Bugfix bzgl. nicht entfernter Ladeanimation in manchen Fällen

Version 1.1.1

- Unterstützung für natives Lazyloading mit Fallback hinzugefügt

- Bugfix: Es wurde ein Problem behoben, bei dem die Ladeanimation nicht entfernt wurde, wenn ein Bild früher als erwartet geladen wurde

Version 1.1.0

- Kompatibilität zu Shopware 6.4 hergestellt

- Bugfix bzgl. Kompatibilität mit dem Custom Products Zoom-Viewer

Version 1.0.8

- Bugfix: Ladeanimation bleibt jetzt nicht mehr hängen, wenn ein Produkt kein Bild hat

- Bugfix: VueJS Event-Attribute mit @-Syntax werden jetzt nicht mehr durch den Parser entfernt 

Version 1.0.7

- Bugfix: Leere Zeilen in der URL-Blacklist führen jetzt nicht mehr zur Deaktivierung des Plugins

Version 1.0.6

- Fixed a JS error which could occur if a product image with the class 'product-box' is not in the normal product box container

Version 1.0.5

- Einen JS-Fehler behoben, welcher auftreten konnte wenn ein Produktbild mit der Klasse 'product-box' nicht im normalen Produktbox-Container liegt

Version 1.0.4

- Performance-Verbesserung des HTML Minifiers

- Bugfix: URLs in der Blacklist sind jetzt unabhängig vom Basispfad des Shops

- Bugfix: URL-Blacklist betrifft nun auch den HTML-Minifer

Version 1.0.3

Aktualisierung der Libraries: lazysizes, html5-php

Version 1.0.2

- Bugfix bzgl. ZoomViewer: Das Element wird jetzt standardmäßig exkludiert

Version 1.0.1

- SEO-URLs werden jetzt in der URL-Blacklist erkannt

- Fehler bzgl. nicht berücksichtigtem Expand-Wert behoben

Version 1.0.0

- Erstveröffentlichung im Community Store

Infos zum Extension Partner

metaroom metaroom Shopware Extension Partner Shopware Extension Partner 18 Erweiterungen 5 Ø-Bewertung
Aktuelle Version:

Version:

4,99 € * /Monat
Monatlich kündbar

Gratis Probemonat

Diese App startet mit einem kostenlosen Probemonat. Die Miete kann jederzeit monatlich gekündigt werden oder wird zu den angegebenen Preisen automatisch verlängert.

Updates und Support

Um den Merkzettel zu nutzen, musst du die dafür notwendigen Cookies akzeptieren. Cookies akzeptieren

Zuletzt angesehen