# Loading="lazy" im WYSIWYG

**URL:** <https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593>\
**Category:** Shopware 6 (German)\
**Created:** [10. Juli 2025 um 16:40 UTC](https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593 "2025-07-10T16:40:01Z")\
**Posts on this page:** 9\
**Page:** 1

<div class="post-metadata">

**Author:** ![conalco](https://avatars.discourse-cdn.com/v4/letter/c/c77e96/32.png) [@conalco](https://forum.shopware.com/u/conalco)\
**Post date:** [10. Juli 2025 um 16:40 UTC](https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593/1 "2025-07-10T16:40:01Z")

</div>

Moin,

wir würden gerne im WYSIWYG, z.B. auf den Herstellerseiten den Bildern **loading=„lazy“** einbauen in den img-Tag.  
Der Editor **kickt das aber immer wieder raus**.

Chatty schlägt vor

```auto
// src/Resources/app/administration/src/init/extend-text-editor.js
const { Component } = Shopware;
const Quill = Component.get('sw-text-editor').quill;
const Parchment = Quill.import('parchment');

// eigenes Attribut registrieren
const LazyAttr = new Parchment.Attributor.Attribute(
  'loading',
  'loading',
  { scope: Parchment.Scope.INLINE, whitelist: ['lazy', 'eager', 'auto'] }
);

Quill.register(LazyAttr, true);

```

UND

```auto
shopware:
  html_sanitizer:
    sets:
      - name: basic
        tags: ["img"]
        attributes:
          - src # Bildquelle
          - alt # Alternativtext
          - style # Inline‑CSS
          - loading # native Lazy‑Loading
          - width # native Abmessungen
          - height
          - srcset # responsive Quellen
          - sizes # Media‑Query‑Mapping
          - title # Tooltip
        options:
          - { key: HTML.Trusted, value: true }
          - { key: CSS.Trusted, value: true }

      - name: style # Shopware‑internes Set
        tags: ["img"]
        attributes: *attributes # alle obigen wiederverwenden

```

Eigentlich will ich aber da nicht drin rumpfuschen…  
Wieso kann ich denn nicht einfach so loading=„lazy“ einfügen.  
Das grenzt doch an einen Bug.

Jemand eine gute Idee?

Viele Grüße

Mirko

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [10. Juli 2025 um 18:47 UTC](https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593/2 "2025-07-10T18:47:12Z")

</div>

Falls du die Anleitung noch nicht kennen solltest, was aber unwahrscheinlich ist – dennoch:

> **[Shopware 6 - Tutorials & FAQs - HTML Sanitizer](https://docs.shopware.com/de/shopware-6-de/tutorials-und-faq/html-sanitizer)**
>
> Dieser Sanitizer verbessert Sicherheit, Zuverlässigkeit und Benutzerfreundlichkeit des Editors, indem unsicherer HTML-Code entfernt wird. Er säubert auch Styles und Attribute für konsistente und korrekte Darstellung des Codes unabhängig von Plattform...

Im Ausschlussverfahren mal die anderen Attribute testen, ob diese tun. Die Regel von wenig nach mehr aufbauen, bis du hoffentlich das Ergebnis hast.

---

<div class="post-metadata">

**Author:** ![raymond-de](https://avatars.discourse-cdn.com/v4/letter/r/7feea3/32.png) [@raymond-de](https://forum.shopware.com/u/raymond-de)\
**Post date:** [10. Juli 2025 um 20:08 UTC](https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593/3 "2025-07-10T20:08:17Z")

</div>

Und bitte voten und kommentieren: [Lazy loading – Have an idea? Share it!](https://feedback.shopware.com/forums/942607-shopware-6-product-feedback-ideas/suggestions/47646563-lazy-loading)

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [11. Juli 2025 um 06:46 UTC](https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593/4 "2025-07-11T06:46:40Z")

</div>

Irgendwo gibt es ein Discussion Dokument dazu, wieso sich explizit gegen lazy loading an diversen Stellen entschieden wurde.

Es bringt echt nichts, Vorschläge zu machen, die gegen ausführlich diskutierte und begründete Entscheidungen sind.

---

<div class="post-metadata">

**Author:** ![raymond-de](https://avatars.discourse-cdn.com/v4/letter/r/7feea3/32.png) [@raymond-de](https://forum.shopware.com/u/raymond-de)\
**Post date:** [11. Juli 2025 um 07:59 UTC](https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593/5 "2025-07-11T07:59:27Z")

</div>

Der Vorschlag ist schon älter. Warum steht denn dahinter kein abgelehnt?

---

<div class="post-metadata">

**Author:** ![conalco](https://avatars.discourse-cdn.com/v4/letter/c/c77e96/32.png) [@conalco](https://forum.shopware.com/u/conalco)\
**Post date:** [11. Juli 2025 um 08:45 UTC](https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593/6 "2025-07-11T08:45:01Z")

</div>

Meine Frage ist eigentlich, warum der Shopware Text-Editor das rauskickt.  
Da müsste man das wahrscheinlich machen wie oben beschrieben:  
extend-text-editor.js

Loading lazy geht ja auch bei den normalen Produktbildern auf der Kategorie-Seite.

---

<div class="post-metadata">

**Author:** ![raymond-de](https://avatars.discourse-cdn.com/v4/letter/r/7feea3/32.png) [@raymond-de](https://forum.shopware.com/u/raymond-de)\
**Post date:** [11. Juli 2025 um 08:51 UTC](https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593/7 "2025-07-11T08:51:34Z")

</div>

Siehe Antwort von @Max_Shop

@Benjamin_Hummel ist es der Sanitizer oder gibt’s hier einen anderen Grund dass dies verhindert wird?

---

<div class="post-metadata">

**Author:** ![conalco](https://avatars.discourse-cdn.com/v4/letter/c/c77e96/32.png) [@conalco](https://forum.shopware.com/u/conalco)\
**Post date:** [11. Juli 2025 um 08:59 UTC](https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593/8 "2025-07-11T08:59:41Z")

</div>

Der Docs‑Artikel zeigt **nur** den server‑seitigen YAML‑Workaround (ohne `loading`).  
Damit bleibt dein Attribut zwar in der Datenbank, verschwindet aber **im Admin** weiterhin, weil Quill es client‑seitig rausfiltert.

Behaupte ich einfach mal.  
Jedenfalls funktioniert das nicht.

---

<div class="post-metadata">

**Author:** ![Max\_Shop](https://avatars.discourse-cdn.com/v4/letter/m/58f4c7/32.png) [@Max\_Shop](https://forum.shopware.com/u/Max_Shop)\
**Post date:** [11. Juli 2025 um 09:21 UTC](https://forum.shopware.com/t/loading-lazy-im-wysiwyg/107593/9 "2025-07-11T09:21:06Z")

</div>

> [@conalco](#):
>
> Meine Frage ist eigentlich, warum der Shopware Text-Editor das rauskickt.

Ich habe mich noch nie mit dem Texteditor beschäftigt. Meinem Verständnis nach sollte er sich an die Einstellungen vom Sanitizer halten. Wenn nicht, dann wäre das natürlich ungünstig und würde auch in der Dokumentation fehlen.
