PerformanceObserver: статическое свойство supportedEntryTypes

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

Поскольку список поддерживаемых записей различается в зависимости от браузера и постоянно развивается, это свойство позволяет веб-разработчикам проверить, какие из них доступны.

Массив значений PerformanceEntry.entryType.

Чтобы узнать, какие значения entryType поддерживает браузер, введите PerformanceObserver.supportedEntryTypes в консоль. Это вернёт массив поддерживаемых значений.

PerformanceObserver.supportedEntryTypes;

// returns ["element", "event", "first-input", "largest-contentful-paint", "layout-shift", "long-animation-frame", "longtask", "mark", "measure", "navigation", "paint", "resource", "visibility-state"] in the main thread in Chrome 129
// returns ["mark", "measure", "resource"] in a worker thread in Chrome 129

Следующая функция проверяет поддержку массива возможных типов записей. Неподдерживаемые типы регистрируются в консоли, однако эту информацию можно регистрировать в клиентской аналитике, чтобы указать, что конкретный тип не может быть наблюдаем.

function detectSupport(entryTypes) {
  for (const entryType of entryTypes) {
    if (!PerformanceObserver.supportedEntryTypes.includes(entryType)) {
      console.log(entryType);
    }
  }
}

detectSupport(["resource", "mark", "first-input", "largest-contentful-paint"]);