PerformanceObserver

Интерфейс PerformanceObserver используется для наблюдения за событиями измерения производительности и получения уведомлений о новых записях производительности, которые записываются в временной шкале производительности браузера.

PerformanceObserver()

Создаёт и возвращает новый объект PerformanceObserver.

PerformanceObserver.supportedEntryTypes Только для чтения

Возвращает массив значений entryType, поддерживаемых пользовательским агентом.

PerformanceObserver.observe()

Указывает набор типов записей для наблюдения. Функция обратного вызова наблюдателя производительности будет вызвана, когда для одного из указанных entryTypes будет записана запись производительности.

PerformanceObserver.disconnect()

Останавливает вызов обратного вызова наблюдателя производительности для получения записей производительности.

PerformanceObserver.takeRecords()

Возвращает текущий список записей производительности, сохранённых в наблюдателе производительности, очищая его.

В следующем примере создается PerformanceObserver, который отслеживает события "mark" (PerformanceMark) и "measure" (PerformanceMeasure). Функция обратного вызова perfObserver предоставляет list (PerformanceObserverEntryList), которая позволяет получить наблюдаемые записи производительности.

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