LCP Optimierung – darauf kommt es an

Eine mühevoll gestaltete Webseite, aber die Inhalte benötigen viel Zeit zum Laden? Die schönsten Grafiken nützen Ihnen gar nichts, wenn User beim Aufrufen vor einer Blankoseite stehen. Largest Contentful Paint ist eines von Googles Core Web Vitals, an welchen Sie sich bei der Optimierung Ihrer Website orientieren können. Ob Sie nun neue Prioritäten setzen sollten, was die Auswahl Ihrer Inhalte angeht, erfahren Sie bei uns.

Was sind denn nun nochmal die Core Web Vitals? Die freie Übersetzung gibt bereits einen Hinweis auf den Stellenwert, den die schon 2020 diskutierten Rankingfaktoren haben: „Lebenswichtige Organe der Kernfunktionen des Webs“.

Eine kurze Definition: Bei Web Vitals handelt es sich um eine Metrik. Sie misst, wann das größte Content-Element im Viewport angezeigt wird, gibt also die Renderzeit des größten Textblocks bzw. Bildes an.

Google nutzt die Core Web Vitals, um die User Experience einer Seite zu bewerten. Ursprünglich sollten die Core Web Vitals schon im Mai 2021 zum Ranking-Faktor werden, während der Abschluss des Rollouts doch erst im September 2021 zustande kam. Seitdem werden anhand verschiedener Faktoren Daten gesammelt, die unter anderem in der Google Search Console auslesbar sind. Die drei Core Web Vitals, anhand derer die User Experience bewertet und optimiert wird:

• Largest Contentful Paint (LCP)
• First Input Delay (FID)
•  Cumulative Layout Shift (CLS)

Largest Contentful Paint

Ist der Largest Contentful Paint nun überhaupt eine Neuigkeit? Schließlich war die Ladezeit einer Seite bereits vor der Einführung der Core Web Vitals ein Rankingfaktor.  Der Unterschied zum LCP besteht darin, dass für die Core Web Vitals die Ladezeit der wichtigsten Elemente auf der Seite zählt, nicht die Gesamtladezeit der Seite selbst. Früher empfahl Google eine Optimierung mit den Metriken Speed-Index und First Meaningful Paint. Die Kennzahlen dieser waren schwer zu interpretieren, sollten aber für eine bessere Nutzersicht sorgen. Nachforschungen von Google ergaben allerdings, dass die Ladezeit des größten Elements auf einer Seite viel eher der allgemeinen User Experience entgegenkommt. In Bezug darauf wurde die Kennzahl Largest Contentful Paint konzipiert.

Wie LCP messen?

Um Ihren Largest Contentful Paint zu optimieren, sollten Sie gerade zu Beginn Messungen anstellen. Dazu können sowohl Field als auch Lab Data ausgewertet werden.

Field Tools:

• Chrome User Experience Report
• Search Console
• PageSpeed Insights

Lab Tools:

• Chrome DevTools
• Lighthouse
• Measure LCP in JavaScript
• WebPageTest

Ladezeiten optimieren

Wenn die Google Search Console keinen grünen LCP Wert anzeigt, sollte eine Optimierung erfolgen. Die optimale Ladezeit liegt bei etwa 2,5 Sekunden. Alles darüber hinaus schlägt sich negativ auf die Core Web Vitals nieder. Folgende Problematiken können den Largest Contentful Paint beeinflussen:

• Server-Ladezeiten
• JavaScript und CSS
• Individuelle Ladezeiten der Elemente
• Rendering von Seiten des Clients

Für schnelle Server-Ladezeiten können Nutzer an ein nahe gelegenes Content Delivery Network (CDN) weitergeleitet werden. Ein schnelles Managed WordPress Hosting kann Verzögerungen bei der Ladezeit unterbinden. Hilfreich sind außerdem Cache Assets, für erneute Seitenbesuche. Wenn Render-Blocking von JavaScript und CSS vermieden werden soll: CSS minimieren, unkritisches CSS zurückstellen und kritisches CSS online einbinden. Blockierende JavaScripts lassen sich meist über das Attribut „defer“, bis zum Abschluss der HTML Ladezeit aufschieben.

Wenn einzelne Ressourcen auf der Seite zu langsam laden, können sie vorgeladen und beispielsweise die Textdateien komprimiert werden. Auch Bilddateien und Fotos haben manchmal Komprimierungsbedarf, der sich dank diverser Tools beheben lässt. Dateiformate wie WebP sorgen für eine einfache Verkleinerung. Generell sollte immer abgewogen werden, wieviel Pixel eine Darstellung im Layout wirklich benötigt. Rendering von Seiten des Clients kann mit serverseitigem und Pre-Rendering beschleunigt, während kritisches JavaScript minimiert werden sollte.

Wie wichtig sind LCP und Co. für SEO?

Die Core Web Vitals sind zwar ein offizieller Ranking-Faktor, dennoch sollte diesen nicht zu viel Priorität eingeräumt werden. Laut Gary Illyes von Google ist es sehr unwahrscheinlich, dass die CWV zum wichtigsten Rankingfaktor werden würden. Das äußerte er in einem Kommentar auf Reddit, nachdem ein User sich nach der Priorität von Core Web Vitals erkundigt hatte.

Ein Infodokument von Google bestätigt weiterhin, dass neben der Nutzerfreundlichkeit wie gehabt die vorhandenen Informationen bewertet würden. Im Vergleich kann es dennoch sein, dass unter Seiten mit ähnlichen Inhalten, diejenige mit den optimierten Core Web Vitals eher rankt. Googles Suchergebnisse wurden also nicht komplett revolutioniert, sondern lediglich ergänzt. Im FAQ der Search Console findet sich außerdem noch der Hinweis, dass Core Web Vitals erstmal nur für die mobile Suche relevant sind. Eine Umsetzung für die Desktop-Suche sollte folgen. Core Web Vitals wie Largest Contentful Paint sind also kein Umbruch in ein neues Zeitalter der Suchmaschinenoptimierung.

Dennoch können LCP, FID und CLS wohl gerade in Kombination miteinander der letzte Feinschliff für das Ranking sein. John Mueller von Google gibt in einem Youtube Q&A an, dass sogar eine Einstufung als noch optimierbar, also auch im gelben Bereich, bereits einen Ranking-Boost verschaffen kann. Es kommt ganz darauf an, an welchem Punkt sich die eigene SEO Optimierung befindet: Wenn nur wenige Rankings in den Top 10 vorhanden sind, sollte für Core Web Vitals nicht zu viel Aufwand getrieben werden. Wichtiger sind dann doch die Qualität des Contents, Linkbuilding und sonstige klassische SEO Maßnahmen. Bei Rankings im oberen Sektor können CWV aber ein zusätzlicher Booster sein, den SEOs nicht ignorieren sollten.