LCP steht für Largest Contentful Paint. Dies ist ein Maß für die Website-Geschwindigkeit, das angibt, wie lange es dauert, bis der Hauptinhalt geladen und für den Benutzer lesbar ist.
LCP ist Teil von Core Web Vital und Page Experience Update.
LCP ist ein wichtiger Aspekt der Benutzerfreundlichkeit. Benutzer müssen nicht warten, bis eine Website geladen ist, wenn sie die Informationen oder Angebote, die sie benötigen, schnell an anderer Stelle finden. Einfach ausgedrückt, die Seite sollte auf Geschwindigkeit optimiert sein, damit die Inhalte dem Benutzer schnell anzeigt werden können.
Schlechte Largest Contentful Paint kann zu höheren Absprungraten und niedrigeren Rankings führen. Es kann auch zu niedrigen Konversionsraten führen, was es für aufstrebende Unternehmen ungeeignet macht. Dank des Core Web Vitals-Updates von Google wird Largest Contentful Paint zu einem wichtigeren Faktor für das Ranking in den Suchergebnissen. Die Kenntnis Ihres LCP ist sehr wichtig, um organische Rankings und den entsprechenden Traffic aufrechtzuerhalten.
LCP gilt nur für den Hauptinhalt im sichtbaren Bereich unmittelbar nach dem Laden. Dazu gehören Bilder, Videos oder Textblöcke, die angezeigt werden, ohne dass der Benutzer nach unten scrollen muss. Daran sollte man denken, wenn man Seitenprobleme identifiziert.
Angenommen, man möchte zwei Bilder für die Kopfzeile Ihrer Seite verwenden, und das erste Bild ist kleiner als das zweite. Der Browser rendert das erste Bild am schnellsten und zeigt es dem Benutzer 1 Sekunde später an, sodass es als größte Inhaltsfarbe gilt. 0,5 Sekunden später folgt Bild 2, das eigentlich ein größeres Element ist.
Die Lösung für dieses Dilemma ist die Generierung eines sogenannten PerformanceEntry vom Typ maximum-contentful-paint. In diesem Fall sieht der Browser das größte Element im ersten bis dahin gerenderten Frame. Jedes Mal, wenn ein Frame hinzugefügt, ein Bild, Video oder Text geladen wird, wird ein Vergleich mit dem bestehenden LCP durchgeführt. Das gilt übrigens auch für Elemente, die beispielsweise per JavaScript-Code dem DOM hinzugefügt werden. Wenn sich herausstellt, dass das neu gerenderte Element größer ist, sendet der Browser einfach einen aktualisierten PerformanceEntry und einen neuen Largest Contentful Paint mit.
Dieser Aktualisierungszyklus wird durch die erste Aktion des Benutzers unterbrochen. Dies kann durch Klicken auf das Element, Scrollen oder Tippen über die Tastatur erfolgen. Dies liegt daran, dass verschiedene Interaktionen neue sichtbare Objekte erstellen können, zum Beispiel wenn der Viewport eine reduzierbare Box hat oder wenn der Besucher klicken kann, um eine Infobox zu schließen.
Mit der neuen Performance-Metrik Largest Contentful Paint kann man jetzt etwas präziser bestimmen, wenn die wichtigsten Elemente für die Besucher sichtbar sind. Voraussetzung dafür ist, dass die Annahmen von Google stimmen und die wichtigsten Inhalte den meisten Platz im Viewport einnehmen. Anstatt Messwerte blind zu verfolgen, sollte man der Website also proaktiv Fragen stellen. Es hat keinen Wert, ein übergroßes Katzenbild als schnelles LCP zu verwenden, wenn es dem Benutzer keinen Mehrwert bringt.
Largest Contentful Paint befindet sich jedoch noch in der Evaluierungsphase. Hier testen die Entwickler in den nächsten Monaten, ob LCP zuverlässig das liefert, was wirklich zählt, oder ob unter der Haube noch Luft nach oben ist. Wir haben auch die Largest Contentful Paint im Auge. Seit dieser Woche wird diese Metrik vorübergehend in Google Lighthouse eingebunden, zunächst als versteckte Metrik. Das bedeutet, dass künftige Nutzer des Performance-Tools Speedrank Zugriff auf die größte Inhaltsfarbe auf der Website haben.
Mehr Begriffserklärungen findest du in unserem Glossar: SEO-Wissen!
Wenn Sie Unterstützung in Ihrem digitalen Projekt benötigen,
dann besuchen Sie uns
Bleiben Sie am Ball. Neues Wissen immer parat mit unserem Newsletter