PerformanceEntry: свойство entryType

Только для чтения entryType свойство возвращает строку, представляющую тип метрики производительности, который представляет эта запись.

Все поддерживаемые entryTypes доступны с помощью статического свойства PerformanceObserver.supportedEntryTypes.

Строка. Возвращаемое значение зависит от подтипа объекта PerformanceEntry. Некоторые подтипы имеют более одного entryType.

element

Отчет о времени загрузки элементов.

Объект записи будет объектом PerformanceElementTiming.

event

Отчет о задержках событий.

Объект записи будет объектом PerformanceEventTiming.

first-input

Отчет о задержке первого ввода (FID).

Объект записи будет объектом PerformanceEventTiming объекта.

largest-contentful-paint

Отчет о самом большом обновлении, которое элемент инициировал на экране.

Объект записи будет объектом LargestContentfulPaint.

layout-shift

Отчет о стабильности макета веб-страниц на основе перемещений элементов на странице.

Объект записи будет объектом LayoutShift.

long-animation-frame

Отчет о случаях длинных кадров анимации (LoAF).

Объект записи будет объектом PerformanceLongAnimationFrameTiming.

longtask

Отчет о случаях выполнения длинных задач.

Объект записи будет объектом PerformanceLongTaskTiming.

mark

Отчет о ваших собственных пользовательских маркерах производительности.

Объект записи будет объектом PerformanceMark.

measure

Отчет о ваших собственных пользовательских измерениях производительности.

Объект записи будет объектом PerformanceMeasure.

navigation

Отчет о времени навигации документа.

Объект записи будет объектом PerformanceNavigationTiming.

paint

Отчет о ключевых моментах рендеринга документа (первое изображение, первое содержательное изображение) во время загрузки страницы.

Объект записи будет объектом PerformancePaintTiming.

resource

Отчет о временной информации для ресурсов в документе.

Объект записи будет объектом PerformanceResourceTiming.

taskattribution

Отчет о типе работы, который значительно повлиял на выполнение длительной задачи.

Объект записи будет объектом TaskAttributionTiming.

visibility-state

Отчет о времени изменения состояния видимости страницы, т. е. когда вкладка переключается с фоновой на фоновую или наоборот.

Объект записи будет объектом VisibilityStateEntry.

Свойство entryType может быть полезным при фильтрации определенных записей производительности. Например, вы можете проверить все скриптовые ресурсы, поэтому вам нужно проверить entryType типа "resource" и initiatorType типа "script".

const scriptResources = performance
  .getEntries()
  .filter(
    (entry) =>
      entry.entryType === "resource" && entry.initiatorType === "script",
  );
console.log(scriptResources);

Как Performance, так и PerformanceObserver предоставляют методы, которые позволяют получить записи производительности по типу напрямую. Вам не обязательно нужно свойство entryType для этого, вместо этого вы можете использовать Performance.getEntriesByType() или PerformanceObserverEntryList.getEntriesByType().

Кроме того, при наблюдении с помощью PerformanceObserver метод observe() принимает массив entryTypes в своем объекте опций, где вы можете выбрать типы записей, которые нужно наблюдать.

// Log all resource entries at this point
const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  console.log(`${entry.name}'s duration: ${entry.duration}`);
});

// PerformanceObserver version
// Log all resource entries when they are available
function perfObserver(list, observer) {
  list.getEntriesByType("resource").forEach((entry) => {
    console.log(`${entry.name}'s duration: ${entry.duration}`);
  });
}
const observer = new PerformanceObserver(perfObserver);
observer.observe({ entryTypes: ["resource", "navigation"] });

• PerformanceObserver.supportedEntryTypes
• Performance.getEntriesByType()
• PerformanceObserverEntryList.getEntriesByType()