Largest Contentful Paint fragt, wann das Hauptelement erschien. Interaction to Next Paint fragt, wie lange die Seite zum Reagieren brauchte, als jemand sie benutzen wollte. Cumulative Layout Shift fragt, wie sehr sich der Inhalt beim Laden darunter verschoben hat. Zusammen nähern sie das Erlebnis einer Seite gut genug an, um direkt darauf zu optimieren.
Entscheidend ist der Unterschied zwischen Feld und Labor. Ein Laborwerkzeug bewertet einen Lauf auf einer Maschine bei schneller Verbindung; die Felddaten zeigen, was echte Besucher auf ihren tatsächlichen Geräten und Netzen erlebt haben, im 75. Perzentil — und beide widersprechen sich regelmäßig. Ein perfekter Laborwert neben durchgefallenen Felddaten heißt meist, dass das Publikum schlechtere Hardware hat als die Person, die testet.
Verwandte Begriffe
LCP (Largest Contentful Paint)
Der Moment, in dem das größte Inhaltselement im Viewport fertig gerendert ist — praktisch: wenn die Seite geladen aussieht.
Hydration
Der Schritt, in dem JavaScript im Browser das serverseitig gerenderte HTML übernimmt und interaktiv macht.
Statische Generierung (SSG)
Seiten zur Build-Zeit zu HTML rendern, sodass eine Anfrage mit einer Datei beantwortet wird statt mit Codeausführung.
Die zugehörige Werkbank
Web-PerformanceEin Neubau, der auf dem Handy im Mobilfunknetz lädt, in dem Land, in dem deine Kunden tatsächlich sind. Core Web Vitals sind die Messung, Umsatz ist der Punkt.
