InteractionContentfulPaint: paintTime-Eigenschaft
Eingeschränkt verfügbar
Diese Funktion ist nicht Baseline, da sie in einigen der am weitesten verbreiteten Browser nicht funktioniert.
Want more browser support for this feature? Tell us why.
Experimentell: Dies ist eine experimentelle Technologie
Überprüfen Sie die Browser-Kompatibilitätstabelle sorgfältig vor der Verwendung auf produktiven Webseiten.
Die schreibgeschützte paintTime-Eigenschaft des InteractionContentfulPaint-Interfaces gibt den timestamp zurück, wann die Rendering-Phase endete und die Paint-Phase begann.
Die paintTime ist weitgehend interoperabel: Der Wert sollte über verschiedene Implementierungen hinweg gleich sein.
Wert
Ein DOMHighResTimeStamp.
Beispiele
Dieses Beispiel verwendet einen PerformanceObserver, um neue interaction-contentful-paint-Performance-Einträ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 liegen.
const observer = new PerformanceObserver((list) => {
for (const entry of list.getEntries()) {
console.log(
"Interaction Contentful Paint:",
entry.startTime,
entry.paintTime,
);
}
});
observer.observe({ type: "interaction-contentful-paint", buffered: true });
Spezifikationen
| Spezifikation |
|---|
| Paint Timing # dom-painttimingmixin-painttime |