Contentful Paint

Mehrere Leistungsmetriken wie First Contentful Paint (FCP) und Largest Contentful Paint (LCP) verwenden das Konzept eines "Contentful Paint".

Contentful Paints sind Maloperationen, die signifikanten Inhalt rendern und daher wichtig für Leistungsbewertungen sind. Diese heben sich von weniger wichtigen Paints ab, die keinen nützlichen Inhalt für den Benutzer enthalten, wie zum Beispiel Hintergrundfarben-Paints. Eine Seite, die lädt, die Hintergrundfarbe setzt, aber dann für längere Zeit keinen tatsächlichen Inhalt zeigt, ist beispielsweise nicht so nützlich wie eine, die Text, Bilder oder andere Inhalte zeigt.

Was genau als "Inhalt" zählt, basiert zu einem gewissen Grad auf Heuristik und stimmt möglicherweise nicht perfekt mit der Benutzerwahrnehmung oder der Absicht des Entwicklers überein. Das bedeutet, dass auf verschiedene Weise auf den Bildschirm gezeichnete Paints als "contentful" zählen oder nicht, selbst wenn sie für den Benutzer gleich aussehen. Zum Beispiel würde die Verwendung eines <div> mit Hintergrundfarbe nicht als contentful gelten, während die Verwendung eines <img> oder <svg> für diese Farbe als contentful betrachtet werden könnte.

Die Arten von Paints, die als contentful gelten, unterscheiden sich auch leicht zwischen den Metriken:

• FCP soll messen, wann die Seite mit dem Laden beginnt. Es umfasst daher die meisten Elemente, die gemalt werden, einschließlich <canvas>- und <svg>-Elemente. Skeleton-Screens, die nur <div>-Elemente verwenden, würden nicht als contentful zählen.
• LCP soll messen, wann die Seite größtenteils geladen und bereit für den Benutzer ist, daher versucht es sicherzustellen, dass es bedeutenden Inhalt gibt, bevor es ausgelöst wird. Es hat strengere Kriterien als FCP und zählt nur zeitberechtigte Elemente als contentful. Es schließt daher <canvas>- oder <svg>-Elemente nicht ein, da diese schwieriger zu messen sind, in Bezug darauf, wann (oder ob) sie repräsentativ für den größten auf der Seite gezeichneten Inhalt sind. Außerdem schließt LCP auch Bilder mit niedriger Entropie aus.
• Andere Metriken wie Interaction Contentful Paint, soft navigations, Element Timing und das bevorstehende Container Timing sind dem LCP-Modell näher, mit einigen kleinen Unterschieden, wie niedrige Entropie-Bilder, die nicht ausgeschlossen sind.