# Themenkomponenten und Largest Contentful Paint (LCP)

**URL:** https://meta.discourse.org/t/theme-components-and-largest-contentful-paint-lcp/258680
**Category:** Development
**Created:** [19. März 2023 um 23:13 UTC](https://meta.discourse.org/t/theme-components-and-largest-contentful-paint-lcp/258680 "2023-03-19T23:13:26Z")
**Posts on this page:** 1
**Showing post:** 3

<div class="post-metadata">

### Author: ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)
#### Post date: [21. März 2023 um 21:10 UTC](https://meta.discourse.org/t/theme-components-and-largest-contentful-paint-lcp/258680/3 "2023-03-21T21:10:51Z")

</div>

> [@piffy](#):
>
> Ich habe das Problem auf eine von mir geschriebene Banner-Theme-Komponente eingegrenzt. Ein Bannerbild, das ich als Widget „above-main-container“ einbinde, ist im Grunde das größte Objekt, das auf jeder Seite auf dem Bildschirm angezeigt wird.

Wenn Ihr Banner größer ist als das Element, das wir für das [Introducing Discourse Splash - A visual preloader displayed while site assets load](https://meta.discourse.org/t/introducing-discourse-splash-a-visual-preloader-displayed-while-site-assets-load/232003?u=falco) verwenden, werden Sie eine schlechte Zeit für LCP haben.

> [@piffy](#):
>
> Ich habe versucht, das Bannerbild mit `fetchpriority="high"` zu priorisieren, wie im Code zu sehen ist. Aber ich denke nicht, dass dies das grundlegende Timing-Problem hier löst.

Wenn Sie glauben, dass das Hauptproblem der Download des Bild-Assets ist, können Sie etwas hinzufügen wie

```html
<link rel="prefetch" href="http://example.com/myimage.webp" />

```

zu Ihrem HEAD-Element in einem Theme.

---

_[View the full topic](https://meta.discourse.org/t/theme-components-and-largest-contentful-paint-lcp/258680)._
