Test für Largest Contentful Paint (LCP)
Der Largest Contentful Paint-Test von SEOptimer zeigt den LCP Ihrer Seite im Vergleich zu den Schwellenwerten von Google und verwendet dabei Googles eigene Felddaten von echten Besuchern.
SEO-Audits für jede Website in Sekundenschnelle
+ Umfassende SEO-/GEO-Tools für jede Aufgabe
Führen Sie über 100 Prüfungen Ihrer Website in den Bereichen On-Page-SEO, Benutzerfreundlichkeit, Performance, Social Media und Links durch. Jetzt mit GEO in jedem Bericht. SEOptimer bietet außerdem Keyword-Recherche, Ranking-Tracking, Backlink-Analysen und einen vollständigen Website-Crawler.
Über Largest Contentful Paint
Was ist Largest Contentful Paint?
Largest Contentful Paint misst, wie lange es dauert, bis das größte sichtbare Element vollständig gerendert ist – in der Regel ein Hero-Bild, ein Video-Poster oder ein Textblock mit einer Überschrift. Keine einzelne Zahl kommt der Antwort auf die Frage „Wann wurde die Seite angezeigt?“ näher.
Elemente unterhalb des sichtbaren Bereichs und unsichtbare Elemente werden dabei bewusst ignoriert. Eine Seite kann auch lange nach ihrem LCP noch Skripte und Schriftarten laden – für diese Messung ist das in Ordnung, denn der Besucher hat bereits etwas zu lesen.
Das unterscheidet sie von der gesamten Ladezeit. Die Ladezeit beschreibt, wann der Browser seine Arbeit beendet hat; LCP beschreibt den Moment, in dem die Seite nützlich wurde – also den Moment, den der Besucher tatsächlich erlebt.
Was gilt als guter LCP?
Google bewertet 2,5 Sekunden oder weniger als gut, 2,5 bis 4 Sekunden als verbesserungswürdig und alles über 4 Sekunden als schlecht. Der Schwellenwert gilt für das 75. Perzentil der tatsächlichen Seitenladevorgänge. Er muss also bei drei von vier Besuchern erreicht werden und nicht nur im Durchschnitt.
Dieses Perzentil ist wichtiger, als es zunächst den Anschein hat. Ein Durchschnittswert lässt sich durch schnelle Besuche über schnelle Verbindungen leicht verbessern, während das 75. Perzentil das langsamere Viertel Ihrer Zielgruppe im Blick behält – und das ist in der Regel das mobile Viertel.
Eine Seite kann daher beim LCP durchfallen und sich auf dem Gerät, auf dem sie entwickelt wurde, trotzdem perfekt schnell anfühlen. Diese Diskrepanz ist eher der Normalfall als die Ausnahme.
Was einen langsamen LCP normalerweise verursacht
Das Element selbst ist nur selten das Problem. Was es verzögert, geschieht fast immer davor, und es gibt vier übliche Ursachen:
- Eine langsame Serverantwort, die alles Weitere verzögert, bevor ein Byte gerendert wird.
- Render-blockierendes CSS und JavaScript im Head, das der Browser vor dem Zeichnen vollständig verarbeiten muss.
- Das Hero-Bild ist zu groß, nicht optimiert oder wird per Lazy Loading geladen, obwohl dies nicht der Fall sein sollte.
- Das Bild wird verspätet entdeckt, weil es per CSS festgelegt oder durch ein Skript eingefügt wird, anstatt im HTML enthalten zu sein.
Dieser letzte Punkt führt am häufigsten zu Problemen. Ein Browser kann nur das laden, was er im Markup sehen kann. Ein Bild, auf das im HTML nie verwiesen wird, kann daher erst mit dem Laden beginnen, nachdem das Stylesheet oder Skript, in dem es erwähnt wird, abgerufen und verarbeitet wurde.
So können Sie das verbessern
- Binden Sie das Hero-Bild im HTML als img-Tag ein, damit der Browser es sofort findet.
- Verwenden Sie für das LCP-Element niemals Lazy Loading – Lazy Loading ist für Inhalte gedacht, die unterhalb des sichtbaren Bereichs liegen.
- Stellen Sie es in einem modernen Format und in der tatsächlich angezeigten Größe bereit.
- Laden Sie es vorab, wenn es tatsächlich das Wichtigste auf der Seite ist.
- Verschieben Sie nicht kritisches CSS und JavaScript aus dem Renderpfad.
- Reduzieren Sie die Serverantwortzeit, da jede dort verbrachte Millisekunde vergeht, bevor irgendetwas anderes beginnt.
Was dieses Tool prüft
Der LCP-Test liest die Felddaten von Google für die Seite – Messwerte, die von echten Besuchern in Chrome erfasst wurden – und zeigt, wie sie im Vergleich zu den oben genannten Schwellenwerten abschneidet.
Wenn kein Ergebnis angezeigt wird, gibt es nicht genügend Zugriffe auf die Seite, damit Google darüber berichten kann. Das ist bei neuen oder wenig besuchten Seiten üblich. Dies ist kein Fehler. Die sinnvolle Reaktion besteht darin, die offensichtlichen Ursachen zu beheben, anstatt auf das Erscheinen eines Scores zu warten.
Für die anderen beiden Metriken oder für alle drei zusammen verwenden Sie die Core-Web-Vitals-Test.
Wie es weitergeht
LCP ist ein Symptom; die Ursachen sind Umfang und Wartezeit. Prüfen Sie mit dem Test der Website-Ladegeschwindigkeit, wie lange der Server für eine Antwort benötigt, mit der Dateigröße der Webseite-Prüfung, wie groß die Seite ist, und mit dem Bildoptimierung-Checker, ob die Bilder selbst das Problem sind.
Umfassende SEO-Toolbox mit über 55 Tools
Überprüfen Sie Titel, Meta-Beschreibungen, Überschriften, Schema-Markup, Core Web Vitals, SSL und die robots.txt. Generieren Sie Meta-Tags, Sitemaps und .htaccess-Regeln, minimieren Sie CSS, JavaScript und HTML und erstellen Sie mit unseren KI-Schreibtools sofort und kostenlos Texte.
Weiterführende Informationen
Mehr sehen
Core Web Vitals: What are They? How are They Crucial to SEO?
You should optimize your web pages for a seamless user experience. But how can you measure the quality of user experience on a site? That’...
SEOptimer's Core Web Vitals Checks
What are Core Web Vitals?
Google launched the Core Web Vitals (CWV) initiative in 2020 - "essential metrics for a healthy site". T...
Page Speed: What It Is, and How It Impacts SEO
What is Page Speed?
The term page speed refers to the amount of time your media content or web page will take to download from the...
Webpage Size - Why is it important? And how do you optimize it?
What is Webpage Size?
The term webpage size in the SEO world refers to the downloaded file size of a given web page.
The...