PerformanceEntry: startTime-Eigenschaft
Baseline
Weitgehend verfügbar
Diese Funktion ist gut etabliert und funktioniert auf vielen Geräten und in vielen Browserversionen. Sie ist seit September 2017 browserübergreifend verfügbar.
Hinweis: Diese Funktion ist in Web Workers verfügbar.
Die schreibgeschützte startTime-Eigenschaft gibt den ersten Zeitstempel zurück, der für diesen PerformanceEntry aufgezeichnet wurde. Die Bedeutung dieser Eigenschaft hängt vom Wert des entryType dieses Eintrags ab.
Wert
Ein DOMHighResTimeStamp, der den ersten Zeitstempel darstellt, als der
PerformanceEntry erstellt wurde.
Die Bedeutung dieser Eigenschaft hängt vom Wert des entryType dieses Performance-Eintrags ab:
element-
Entweder der Wert der
renderTimedieses Eintrags, falls dieser nicht0ist, andernfalls der Wert derloadTimedieses Eintrags. event-
Die Zeit, zu der das Ereignis erstellt wurde, d.h. die
timeStamp-Eigenschaft des Ereignisses. first-input-
Die Zeit, zu der das erste Eingangsevent erstellt wurde, d.h. die
timeStampdieses Ereignisses. largest-contentful-paint-
Der Wert der
renderTimedieses Eintrags, falls dieser nicht0ist, andernfalls der Wert derloadTimedieses Eintrags. layout-shift-
Die Zeit, zu der die Layoutverschiebung begann.
longtask-
Die Zeit, zu der die Aufgabe begann.
mark-
Die Zeit, zu der die Markierung durch einen Aufruf von
performance.mark()erstellt wurde. measure-
Die Zeit, zu der die Messung durch einen Aufruf von
performance.measure()erstellt wurde. -
Immer
0. paint-
Die Zeit, zu der das Malen stattfand.
resource-
Der Wert der
fetchStart-Eigenschaft dieses Eintrags. taskattribution-
Immer
0. visibility-state-
Die Zeit, zu der der Sichtbarkeitsstatuswechsel stattfand.
Beispiele
Verwendung der startTime-Eigenschaft
Das folgende Beispiel zeigt die Verwendung der startTime-Eigenschaft, die Sie während der Leistungsbeobachtung protokollieren können.
Hinweis:
Die performance.mark()-Methode ermöglicht es Ihnen, Ihre eigene startTime festzulegen, und die performance.measure()-Methode ermöglicht es Ihnen, den Beginn der Messung festzulegen.
performance.mark("my-mark");
performance.mark("my-other-mark", { startTime: 12.5 });
loginButton.addEventListener("click", (clickEvent) => {
performance.measure("login-click", { start: clickEvent.timeStamp });
});
function perfObserver(list, observer) {
list.getEntries().forEach((entry) => {
if (entry.entryType === "mark") {
console.log(`${entry.name}'s startTime: ${entry.startTime}`);
}
if (entry.entryType === "measure") {
console.log(`${entry.name}'s duration: ${entry.duration}`);
}
});
}
const observer = new PerformanceObserver(perfObserver);
observer.observe({ entryTypes: ["measure", "mark"] });
Spezifikationen
| Spezifikation |
|---|
| Performance Timeline # dom-performanceentry-starttime |