Contentful Paint

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

Contentful Paints sind Zeichenoperationen, die wesentliche Inhalte darstellen und daher für Leistungsmessungen relevant sind. Sie unterscheiden sich von weniger wichtigen Zeichenoperationen ohne nützliche Inhalte für Benutzer, etwa dem Zeichnen einer Hintergrundfarbe. Eine Seite, die geladen wird und ihre Hintergrundfarbe setzt, danach aber lange Zeit keine eigentlichen Inhalte anzeigt, ist beispielsweise weniger nützlich als eine Seite, die Text, Bilder oder andere Inhalte anzeigt.

Was genau als „Inhalt“ gilt, wird bis zu einem gewissen Grad anhand von Heuristiken bestimmt und stimmt möglicherweise nicht vollständig mit der Wahrnehmung der Benutzer oder der Absicht der Entwickler überein. Daher können auf unterschiedliche Weise dargestellte Inhalte als „contentful“ gelten oder nicht, selbst wenn sie für Benutzer gleich aussehen. Beispielsweise würde ein <div> mit einer Hintergrundfarbe nicht als contentful gelten, während ein <img> oder <svg> mit derselben Farbe als contentful gelten könnte.

Welche Arten von Zeichenoperationen als contentful gelten, unterscheidet sich auch geringfügig zwischen den Metriken:

• FCP soll messen, wann das Laden der Seite beginnt. Daher berücksichtigt FCP die meisten Elemente, die gezeichnet werden, einschließlich <canvas>- und <svg>-Elementen. Skeleton Screens, die nur <div>-Elemente verwenden, würden nicht als contentful gelten.
• LCP soll messen, wann die Seite größtenteils geladen und für Benutzer bereit ist. Daher soll erst dann ein Messwert erfasst werden, wenn aussagekräftige Inhalte vorhanden sind. Die Kriterien sind strenger als bei FCP: Nur für die Zeitmessung geeignete Elemente gelten als contentful. <canvas>- und <svg>-Elemente werden deshalb nicht berücksichtigt, da sich bei ihnen schwerer bestimmen lässt, wann – oder ob überhaupt – sie den größten auf der Seite dargestellten Inhalt repräsentieren. Darüber hinaus schließt LCP auch Bilder mit geringer Entropie aus.
• Andere Metriken wie Interaction Contentful Paint, Soft Navigations, Element Timing und das kommende Container Timing orientieren sich stärker am LCP-Modell, mit einigen kleinen Unterschieden – beispielsweise werden Bilder mit geringer Entropie nicht ausgeschlossen.