Largest Contentful Paint misst, wann das größte sichtbare Inhaltselement im Viewport beim Laden einer Seite gerendert wird.
Was es bedeutet
LCP ist nutzerzentriert: Der Kandidat kann sich während des Renderings ändern, und der Endwert hängt vom größten Element ab, das vor der Interaktion sichtbar wird.
Ein LCP-Feldwert beschreibt das Erlebnis über mehrere Besuche hinweg. Er nennt keine einzelne Ursache und garantiert keine Rankings.
So bewerten Sie den Wert
Ermitteln Sie das LCP-Element in einem Lab-Trace und trennen Sie dann Antwortzeit, Erkennung durch den Browser, Ladezeit und Render-Verzögerung voneinander.
Praktischer Ablauf
- Definieren Sie die Aufgabe der Nutzer und den Umfang der Prüfung.
- Ermitteln Sie das LCP-Element in einem Lab-Trace und trennen Sie dann Antwortzeit, Erkennung durch den Browser, Ladezeit und Render-Verzögerung voneinander.
- Wählen Sie die kleinste reversible Änderung.
- Sorgen Sie dafür, dass das kritische Element früh erkannt wird, und prüfen Sie das gerenderte Ergebnis sowie die Felddaten, sofern verfügbar.
- Prüfen Sie das gerenderte Ergebnis erneut und halten Sie Messumfang und Datum fest.
Konkretes Beispiel und Prüfung
Zum Beispiel kann eine Landingpage ein schnell angezeigtes Logo und die Navigation zeigen, während das größte Bild im ersten sichtbaren Bereich erst dann gefunden wird, wenn clientseitiger Code läuft. Die sinnvolle Korrektur ist nicht, jedes Bild zu komprimieren. Bestätigen Sie zuerst den größten Kandidaten in einem Trace. Prüfen Sie dann, ob seine URL im initialen HTML steht, ob seine Priorität sinnvoll gesetzt ist und ob das Rendering durch unkritische Arbeit ausgebremst wird.
Grenzen und typische Fehler
Wer ein kleines Asset optimiert, während das eigentliche LCP-Element ein anderes ist, verschwendet Aufwand.