InteractionContentfulPaint: navigationId-Eigenschaft
Die schreibgeschützte Eigenschaft navigationId des InteractionContentfulPaint-Interfaces gibt die ID der Navigation zurück, unter der dieses Rendering stattgefunden hat.
Beachten Sie, dass bei Soft Navigations Renderings, die vor der Aktualisierung der URL stattfinden, möglicherweise als Largest Contentful Paint (LCP) der gerade ablaufenden Soft-Navigation betrachtet werden sollten. Für den LCP-Fall sind PerformanceSoftNavigation.getLargestInteractionContentfulPaint() und InteractionContentfulPaint.interactionId effektiver, um diese Metrik zu berechnen und alle relevanten Inhalte unabhängig von der navigationId zu berücksichtigen.
Wert
Eine Ganzzahl, die mit einem Eintrag entweder aus PerformanceNavigationTiming oder aus PerformanceSoftNavigation übereinstimmt.
Beispiele
Protokollierung der navigationId von InteractionContentfulPaint
Dieses Beispiel verwendet einen PerformanceObserver, um neue interaction-contentful-paint-Leistungseinträge zu protokollieren, sobald sie in der Leistungstimeline des Browsers aufgezeichnet werden. Die Option buffered wird verwendet, um auf Einträge zuzugreifen, die vor der Erstellung des Observers erstellt wurden.
const observer = new PerformanceObserver((list) => {
for (const entry of list.getEntries()) {
console.log(
"Interaction Contentful Paint:",
entry.startTime,
entry.navigationId,
);
}
});
observer.observe({ type: "interaction-contentful-paint", buffered: true });