Performance: `getEntriesByType()` Methode
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2015.
Hinweis: Dieses Feature ist verfügbar in Web Workers.
Die getEntriesByType()
Methode gibt ein Array von PerformanceEntry
-Objekten zurück, die derzeit in der Performance-Timeline für einen gegebenen Typ vorhanden sind.
Wenn Sie an Performance-Einträgen eines bestimmten Namens interessiert sind, siehe getEntriesByName()
. Für alle Performance-Einträge, siehe getEntries()
.
Hinweis: Diese Methode benachrichtigt Sie nicht über neue Performance-Einträge; Sie erhalten nur Einträge, die zum Zeitpunkt des Methodenaufrufs in der Performance-Timeline vorhanden sind.
Um Benachrichtigungen über Einträge zu erhalten, sobald sie verfügbar werden, verwenden Sie einen PerformanceObserver
.
Die folgenden Eintragstypen werden durch diese Methode überhaupt nicht unterstützt und werden nicht zurückgegeben, selbst wenn Einträge für diese Typen existieren könnten:
"element"
(PerformanceElementTiming
)"event"
(PerformanceEventTiming
)"largest-contentful-paint"
(LargestContentfulPaint
)"layout-shift"
(LayoutShift
)"longtask"
(PerformanceLongTaskTiming
)
Um auf Einträge dieser Typen zuzugreifen, müssen Sie stattdessen einen PerformanceObserver
verwenden.
Syntax
getEntriesByType(type)
Parameter
type
-
Der Typ des abzurufenden Eintrags, wie z. B.
"mark"
. Die gültigen Eintragstypen sind inPerformanceEntry.entryType
aufgelistet. Die unterstütztenentryTypes
können mit der statischen EigenschaftPerformanceObserver.supportedEntryTypes
abgerufen werden.
Rückgabewert
Ein Array
von PerformanceEntry
-Objekten, die den angegebenen type
haben. Die Elemente sind in chronologischer Reihenfolge basierend auf der startTime
der Einträge. Wenn keine Objekte den angegebenen type
haben oder kein Argument angegeben wird, wird ein leeres Array zurückgegeben.
Beispiele
Ressourceneinträge protokollieren
Das folgende Beispiel protokolliert alle Einträge mit dem Typ "resource"
.
const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
console.log(`${entry.name}'s startTime: ${entry.startTime}`);
});
Spezifikationen
Specification |
---|
Performance Timeline # dom-performance-getentriesbytype |
Browser-Kompatibilität
BCD tables only load in the browser