PerformanceObserver

PerformanceObserver()

Erstellt und gibt ein neues PerformanceObserver-Objekt zurück.

PerformanceObserver.supportedEntryTypes Schreibgeschützt

Gibt ein Array der vom Benutzeragenten unterstützten entryType-Werte zurück.

PerformanceObserver.observe()

Gibt die zu beobachtenden Eintragstypen an. Die Callback-Funktion des Leistungsbeobachters wird aufgerufen, wenn ein Leistungs-Eintrag für einen der angegebenen entryTypes aufgezeichnet wird.

PerformanceObserver.disconnect()

Beendet die Leistung des Beobachters, um Leistungs-Einträge zu empfangen.

PerformanceObserver.takeRecords()

Gibt die aktuelle Liste der im Leistungsbeobachter gespeicherten Leistungs-Einträge zurück und leert diese.

Das folgende Beispiel erstellt einen PerformanceObserver, der auf "mark" (PerformanceMark) und "measure" (PerformanceMeasure) Ereignisse achtet. Der Callback perfObserver liefert eine list (PerformanceObserverEntryList), die Ihnen ermöglicht, beobachtete Leistungs-Einträge 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"] });

• MutationObserver
• ResizeObserver
• IntersectionObserver