InteractionContentfulPaint: largestContentfulPaint-Eigenschaft
Die schreibgeschützte Eigenschaft largestContentfulPaint des PerformanceSoftNavigation-Interfaces gibt die aktuell größte LargestContentfulPaint zurück, die für diese weiche Navigation relevant ist.
Diese kann zwischen zwei InteractionContentfulPaint-Einträgen für dieselbe Interaktion gleich bleiben, wenn ein neuer Inhaltspaint kleiner ist als der aktuelle größte Inhaltspaint für diese Interaktion. Wenn Sie diese API verwenden, um den Largest Contentful Paint (LCP) für weiche Navigationen zu messen, interessiert Sie möglicherweise nur der größte Paint.
Beachten Sie, dass in aktuellen Implementierungen InteractionContentfulPaint auf zunehmende Paint-Größen beschränkt ist, sodass es verwendet werden kann, um den Largest Contentful Paint (LCP) für Soft Navigations zu messen; der Wert von largestContentfulPaint sollte sich jedes Mal ändern. Die API wurde jedoch so entworfen, dass es möglich ist, alle Paints, die für eine Interaktion relevant sind, auszugeben, sodass sich dies ändern könnte.
Wert
Ein LargestContentfulPaint-Objekt, das den größten contentful paint (LCP) für diesen Interaction Contentful Paint repräsentiert.
Beispiele
Loggen des größten contentful paint von InteractionContentfulPaint
In diesem Beispiel gibt der Aufruf von entry.largestContentfulPaint ein LargestContentfulPaint-Objekt zurück.
const observer = new PerformanceObserver((list) => {
for (const entry of list.getEntries()) {
console.log(
"Interaction Contentful Paint:",
entry.startTime,
entry.largestContentfulPaint,
);
}
});
observer.observe({ type: "interaction-contentful-paint", buffered: true });
Um einen JSON-String zu erhalten, können Sie JSON.stringify(entry) direkt verwenden; es wird automatisch toJSON() aufrufen.