Themenkomponenten und Largest Contentful Paint (LCP)

[Falco]

@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 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

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

zu Ihrem HEAD-Element in einem Theme.