# Lazy Load Plugin

**URL:** <https://forum.shopware.com/t/lazy-load-plugin/63490>\
**Category:** Allgemein\
**Created:** [11. Dezember 2019 um 18:27 UTC](https://forum.shopware.com/t/lazy-load-plugin/63490 "2019-12-11T18:27:36Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![Pagespeeder](https://avatars.discourse-cdn.com/v4/letter/p/22d042/32.png) [@Pagespeeder](https://forum.shopware.com/u/Pagespeeder)\
**Post date:** [11. Dezember 2019 um 18:27 UTC](https://forum.shopware.com/t/lazy-load-plugin/63490/1 "2019-12-11T18:27:36Z")

</div>

Hallo,

Ich benötige eure Hlfe! Könnt Ihr mir das aktuellste und marktbeste Lazy Load Plugin nennen? Es sollte in jedem Fall seo-freundlich sein und darf zu keinen Problemen mit Google kommen.

VIelen Dank

---

<div class="post-metadata">

**Author:** ![raymond](https://avatars.discourse-cdn.com/v4/letter/r/c57346/32.png) [@raymond](https://forum.shopware.com/u/raymond)\
**Post date:** [11. Dezember 2019 um 18:41 UTC](https://forum.shopware.com/t/lazy-load-plugin/63490/2 "2019-12-11T18:41:19Z")

</div>

[https://store.shopware.com/search?sSearch=lazy%20load&p=1](https://store.shopware.com/search?sSearch=lazy%20load&p=1)

Ich würde auch darauf achten, dass es auch für Shopware 6 angekündigt ist.

---

<div class="post-metadata">

**Author:** ![gamershq](https://avatars.discourse-cdn.com/v4/letter/g/13edae/32.png) [@gamershq](https://forum.shopware.com/u/gamershq)\
**Post date:** [23. Januar 2020 um 22:22 UTC](https://forum.shopware.com/t/lazy-load-plugin/63490/3 "2020-01-23T22:22:52Z")

</div>

Wenn man zumindest ein wenig an dem Template basteln mag, kann man das auch ganz einfach selber machen.  
z.B. man nehme diese schöne schlanke lazyload javascript-Lösung:&nbsp;[https://github.com/verlok/lazyload](https://github.com/verlok/lazyload)

Dann musst Du nur noch die Javascript Datei über deine&nbsp;theme.php Datei laden und kannst dann z.B. die Datei&nbsp;frontend/listing/product-box/product-image.tpl in deinem Shop-Theme ganz einfach anpassen:

```
{extends file="parent:frontend/listing/product-box/product-image.tpl"}

{* add lazy load to images. *}

{block name='frontend_listing_box_article_image_picture_element'}
                           
{/block}

```

Und schon werden die Bilder in den Kategorieübersichten und bei den Produktdetailseiten in den Reitern ‚Zubehör‘, ‚Ähnliche Produkte‘ und ‚Kunden hatten ebenfalls angesehen‘ über lazy load ausgegeben. Und dann hat man die komplette Kontrolle und könnte z.B. automatisch wenn der Rest der Seite geladen ist, die restlichen Bilder auch schon einmal laden.

---

<div class="post-metadata">

**Author:** ![Rahmspinat](https://avatars.discourse-cdn.com/v4/letter/r/3da27b/32.png) [@Rahmspinat](https://forum.shopware.com/u/Rahmspinat)\
**Post date:** [16. Oktober 2020 um 12:56 UTC](https://forum.shopware.com/t/lazy-load-plugin/63490/4 "2020-10-16T12:56:33Z")

</div>

@gamershq‍ hast du das so bei dir eingebaut? Leider funktioniert das ganze nicht bei mir.

Erst habe ich das Script über das Theme eingebunden. Als das nicht funktioniert hat, habe ich direkt die Datei geladen:

```
<script src="https://cdn.jsdelivr.net/npm/vanilla-lazyload@17.1.2/dist/lazyload.min.js"></script>

```

das Template habe ich so angepasst, wie du es hier schreibst. Das deckt sich ja auch alles mit der Anleitung von&nbsp;[GitHub - verlok/vanilla-lazyload: LazyLoad is a lightweight, flexible script that speeds up your website by deferring the loading of your below-the-fold images, backgrounds, videos, iframes and scripts to when they will enter the viewport. Written in plain "vanilla" JavaScript, it leverages IntersectionObserver, supports responsive images and enables native lazy loading.](https://github.com/verlok/vanilla-lazyload)

Leider funktioniert es bei mir nicht.

Ich sehe im Network Tab nicht, dass er versucht die Bilder nachzuladen. Die URLs sind korrekt angegeben (selbst wenn nicht, würde er im Netzwerk-Tab ja wenigstens anzeigen, dass er versucht die Bilder zu laden). Ich habe das gefühl dass Script reagiert bei mir nicht auf 'class=„lazy“ ’

---

<div class="post-metadata">

**Author:** ![Toric](https://avatars.discourse-cdn.com/v4/letter/t/bbe5ce/32.png) [@Toric](https://forum.shopware.com/u/Toric)\
**Post date:** [16. Dezember 2020 um 16:45 UTC](https://forum.shopware.com/t/lazy-load-plugin/63490/5 "2020-12-16T16:45:49Z")

</div>

@Rahmspinat‍ Wie genau bist du bisher vorgegangen? Wenn ich auf github den Dowload mache, habe ich eine Zip mit etlichen Dateien und Ordnern. Die Beschreibung auf der Seite verstehe ich nicht. Wie lädt man das ins Theme?

Ich hatte zuvor noch eine andere Anleitung gefunden:

> **[Shopware Bilder optimieren » Ladezeit verbessern | netgrade](https://netgrade.de/shopware-bilder-optimieren/#Lazy_Loading_fuer_Bilder_aktivieren)**
>
> Shopware Bilder optimieren & Ladezeit verbessern ✓ Bilder optimieren & komprimieren ✓ Einfache Erklärung ► Jetzt durchstarten mit netgrade!

[https://t3n.de/news/jquery-unveil-wahrscheinlich-475653/](https://t3n.de/news/jquery-unveil-wahrscheinlich-475653/)

unveil.js gibt es auch auf github aber wenns um funktion.js und theme.php geht, versteh ich s wieder nicht.

---

<div class="post-metadata">

**Author:** ![Rahmspinat](https://avatars.discourse-cdn.com/v4/letter/r/3da27b/32.png) [@Rahmspinat](https://forum.shopware.com/u/Rahmspinat)\
**Post date:** [17. Dezember 2020 um 09:26 UTC](https://forum.shopware.com/t/lazy-load-plugin/63490/6 "2020-12-17T09:26:06Z")

</div>

Hallo @Toric‍ ich habe mich letztendlich für folgendes Plugin entschieden:

> **[Nicht sichtbare Bilder aufschieben / Lazy-Loading](https://store.shopware.com/maxia32557130437/nicht-sichtbare-bilder-aufschieben/lazy-loading.html)**
>
> Durch Lazy-Loading werden Bilder erst dann geladen, wenn diese wirklich benötigt werden. Bilder welche sich nicht im Sichtfeld des Nutzers befinden…

Vielleicht hilft es dir auch weiter 🙂

---

<div class="post-metadata">

**Author:** ![Toric](https://avatars.discourse-cdn.com/v4/letter/t/bbe5ce/32.png) [@Toric](https://forum.shopware.com/u/Toric)\
**Post date:** [17. Dezember 2020 um 10:21 UTC](https://forum.shopware.com/t/lazy-load-plugin/63490/7 "2020-12-17T10:21:19Z")

</div>

Das liest sich auf jeden Fall gut. Hat es dir eine merkliche Ladezeitverbesserung gebracht?

---

<div class="post-metadata">

**Author:** ![Rahmspinat](https://avatars.discourse-cdn.com/v4/letter/r/3da27b/32.png) [@Rahmspinat](https://forum.shopware.com/u/Rahmspinat)\
**Post date:** [30. Dezember 2020 um 13:59 UTC](https://forum.shopware.com/t/lazy-load-plugin/63490/8 "2020-12-30T13:59:35Z")

</div>

@Toric‍ für mich ist Lazy Loading etwas, was man haben sollte um seine Seite unkompliziert schneller zu bekommen. Direkte Ladezeitmessungen habe ich nicht vorgenommen. Ich bin aber der Meinung dass ich den nächsten Seitenaufruf schneller sehe als vorher.

---

<div class="post-metadata">

**Author:** ![Toric](https://avatars.discourse-cdn.com/v4/letter/t/bbe5ce/32.png) [@Toric](https://forum.shopware.com/u/Toric)\
**Post date:** [30. Dezember 2020 um 14:29 UTC](https://forum.shopware.com/t/lazy-load-plugin/63490/9 "2020-12-30T14:29:42Z")

</div>

Ich werde es nach dem Jahreswechsel testen.

&nbsp;

&nbsp;