PerformanceObserver

Baseline Weitgehend verfgbar *

Diese Funktion ist gut etabliert und funktioniert auf vielen Gerten und in vielen Browserversionen. Sie ist seit Januar 2020 browserbergreifend verfgbar.

* Einige Teile dieser Funktion werden mglicherweise unterschiedlich gut untersttzt.

Mehr erfahren
Vollstndige Kompatibilitt anzeigen

Hinweis: Diese Funktion ist in Web Workers verfgbar.

Das PerformanceObserver-Interface wird verwendet, um Leistungsmessevorgnge zu beobachten und ber neue Performance-Eintrge benachrichtigt zu werden, sobald diese in der Performance-Zeitleiste des Browsers aufgezeichnet werden.

Konstruktor

PerformanceObserver(): Erstellt und gibt ein neues PerformanceObserver-Objekt zurck.

Statische Eigenschaften

PerformanceObserver.supportedEntryTypes Schreibgeschtzt: Gibt ein Array der vom Benutzeragenten untersttzten entryType-Werte zurck.

Instanzmethoden

PerformanceObserver.observe(): Gibt die zu beobachtenden Eintragstypen an. Die Callback-Funktion des Leistungsbeobachters wird aufgerufen, wenn ein Leistungs-Eintrag fr einen der angegebenen entryTypes aufgezeichnet wird.
PerformanceObserver.disconnect(): Beendet die Leistung des Beobachters, um Leistungs-Eintrge zu empfangen.
PerformanceObserver.takeRecords(): Gibt die aktuelle Liste der im Leistungsbeobachter gespeicherten Leistungs-Eintrge zurck und leert diese.

Beispiele

Erstellung eines PerformanceObserver

Das folgende Beispiel erstellt einen PerformanceObserver, der auf "mark" (PerformanceMark) und "measure" (PerformanceMeasure) Ereignisse achtet. Der Callback perfObserver liefert eine list (PerformanceObserverEntryList), die Ihnen ermglicht, beobachtete Leistungs-Eintrge abzurufen.

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 # performanceobserver

Browser-Kompatibilitt

Siehe auch

Help improve MDN

War diese bersetzung hilfreich?

Ja Nein

Erfahren Sie, wie Sie beitragen knnen Diese Seite wurde automatisch aus dem Englischen bersetzt.

bersetzung auf GitHub anzeigen Fehler mit dieser bersetzung melden

Performance APIs
PerformanceObserver
Konstruktor
1. PerformanceObserver()
Statische Eigenschaften
1. supportedEntryTypes
Instanzmethoden
Verwandte Seiten fr Performance API
Anleitungen
1. Leistungsdaten
2. Hochprzise Zeitmessung
3. Lange Animationsrahmen-Timing
4. Resource timing
5. Navigation timing
6. User timing
7. Server Timing
8. berwachen von bfcache-Blockierungsgrnden