# Largest Contentful Paint (LCP) bei Einkaufswelten

**URL:** <https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642>\
**Category:** Shopware 5\
**Created:** [28. Juni 2021 um 08:26 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642 "2021-06-28T08:26:43Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![AxelRue](https://avatars.discourse-cdn.com/v4/letter/a/ee59a6/32.png) [@AxelRue](https://forum.shopware.com/u/AxelRue)\
**Post date:** [28. Juni 2021 um 08:26 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/1 "2021-06-28T08:26:44Z")

</div>

Auf der Startseite und auf Kategorieseiten nutzen wir häufig große Banner die über die Einkaufswelten gepflegt werden. Jetzt werden diese Banner erst per Javascript „dargestellt“ und nicht direkt beim Rendering der Seite. Dies sorgt für einen sehr späten Largest Contentful Paint was in kürze auch eine SEO-Relevanz bekommen wird.

Gibt es hierfür eine Lösung?

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [28. Juni 2021 um 08:30 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/2 "2021-06-28T08:30:12Z")

</div>

Teste mal ob „Einkaufswelten ohne Ajax“ ein besseres Ergebnis einfährt. (Theme-Einstellungen)

---

<div class="post-metadata">

**Author:** ![AxelRue](https://avatars.discourse-cdn.com/v4/letter/a/ee59a6/32.png) [@AxelRue](https://forum.shopware.com/u/AxelRue)\
**Post date:** [28. Juni 2021 um 08:44 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/3 "2021-06-28T08:44:31Z")

</div>

Das sorgt ja nur dafür, dass das Markup schon im ausgelieferten HTML ist, aber nicht dafür, dass des direkt gerendert wird. Es steht weiter auf display:none und erst bei Ausführung des Javascripts werden nicht benötigte Teile des Markups rausgenommen und das display:none entfernt.

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [28. Juni 2021 um 08:57 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/4 "2021-06-28T08:57:44Z")

</div>

Dann überschreibe doch das display:none.

---

<div class="post-metadata">

**Author:** ![AxelRue](https://avatars.discourse-cdn.com/v4/letter/a/ee59a6/32.png) [@AxelRue](https://forum.shopware.com/u/AxelRue)\
**Post date:** [28. Juni 2021 um 09:36 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/5 "2021-06-28T09:36:37Z")

</div>

Das display:none rauszunehmen hilft nicht viel, da das Markup offenbar nicht nach der Anzeigereihenfolge gerendert wird.

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [28. Juni 2021 um 10:12 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/6 "2021-06-28T10:12:15Z")

</div>

Das wären doch schon ein paar Schritte. Wie viel hilft es denn?

---

<div class="post-metadata">

**Author:** ![AxelRue](https://avatars.discourse-cdn.com/v4/letter/a/ee59a6/32.png) [@AxelRue](https://forum.shopware.com/u/AxelRue)\
**Post date:** [29. Juni 2021 um 08:53 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/7 "2021-06-29T08:53:52Z")

</div>

Es hilft ja nichts, wenn die Elemente in der falschen Reihenfolge sind. Dann hätte ich ja trotzdem einen Layout-Shift, wenn das Javascript läuft.

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [29. Juni 2021 um 09:08 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/8 "2021-06-29T09:08:17Z")

</div>

Die Frage war, ob du es getestet hast und was das Ergebnis war. Nicht das was du vermutest.

---

<div class="post-metadata">

**Author:** ![phil](https://dub1.discourse-cdn.com/flex013/user_avatar/forum.shopware.com/phil/32/13661_2.png) [@phil](https://forum.shopware.com/u/phil)\
**Post date:** [29. Juni 2021 um 20:22 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/9 "2021-06-29T20:22:12Z")

</div>

Hi NextMike,

da muss ich AxelRue in Schutz nehmen, wenn man auf einer Seite mehrere EKW hat und diese über Position sortiert hat, werden diese komplett random geladen, also z.B. Pos 3, dann Pos 1, dann Pos 2. Dadurch gibt es natürlich einen wahnsinnigen Shift, den Google entsprechend bestraft. Das Problem liegt aber auch daran, dass SW bei den Images (welche dynamisch nachgeladen werden) keine Grössenangabe macht und es somit komplett dem Browser überlässt.

Das Thema wurde auch hier im Forum schon des öfteren angesprochen, aber bis dato habe ich noch keine funktionierende Lösung gesehen - auch ich habe mir daran die Zähne ausgebissen, wäre also ebenfalls an einer Lösung oder zumindest Linderung interessiert (bei uns: SW 5.6.10)

LG Phil

---

<div class="post-metadata">

**Author:** ![NextMike](https://avatars.discourse-cdn.com/v4/letter/n/838e76/32.png) [@NextMike](https://forum.shopware.com/u/NextMike)\
**Post date:** [30. Juni 2021 um 05:23 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/10 "2021-06-30T05:23:36Z")

</div>

Ist schon ok. Wenn es einen Thread darüber gibt, dann ist der hier überflüssig. Wenn wir uns aber schon hier austauschen, dann hätte ich mir sowas gewünscht wie: „ich habe die Einkaufswelten ohne Ajax **getestet** und der LCP-Wert ist gleich oder schlechter und dazu kommt ein schlechteres CLS“. Sowas in der Art.

---

<div class="post-metadata">

**Author:** ![AxelRue](https://avatars.discourse-cdn.com/v4/letter/a/ee59a6/32.png) [@AxelRue](https://forum.shopware.com/u/AxelRue)\
**Post date:** [30. Juni 2021 um 05:51 UTC](https://forum.shopware.com/t/largest-contentful-paint-lcp-bei-einkaufswelten/88642/11 "2021-06-30T05:51:49Z")

</div>

Natürlich habe ich die Option „synchron Laden“ getestet. Sonst wüsste ich ja nicht, warum es nicht das Problem komplett löst. Das Problem mit Display:none habe ich auch getestet, sonst wüsste ich ja nicht, dass die Reihenfolge die gerendert ist nicht mit der nachher dargestellten übereinstimmt - und da muss ich dann tatsächlich keine Werte mehr ermitteln.
