PerformanceResourceTiming: свойство contentType

contentType только для чтения свойство интерфейса PerformanceResourceTiming представляет собой строку, указывающую тип содержимого полученного ресурса, отформатированный как тип MIME и подтип, разделенные слешем.

Тип содержимого — это минимизированная и «стандартизированная» версия типа MIME, которая извлекается из Content-Type HTTP-заголовка, отправленного в ответе на запрос ресурса. Для JavaScript, JSON, SVG и XML тип MIME заменяется представительной строкой типа MIME/подтипа. Другие типы, поддерживаемые браузером, представлены строкой типа MIME/подтипа в заголовке (другая информация в заголовке отбрасывается).

Строка, указывающая «сущность» типа MIME содержимого. Это может быть одно из следующих значений:

text/javascript

Содержимое JavaScript.

application/json

Содержимое JSON.

image/svg+xml

Содержимое SVG.

application/xml

Содержимое XML (кроме SVG).

Тип MIME/подтип

Любой другой тип MIME/подтип, поддерживаемый пользовательским агентом.

"" (пустая строка)

Возвращается для типов MIME, которые не поддерживаются браузером, или если загрузка ресурса завершилась неудачно из-за проверок CORS.

Свойство contentType может использоваться для получения только определённых записей времени выполнения ресурса; например, только тех, что связаны со скриптами.

Следующий пример использует PerformanceObserver, чтобы уведомлять о новых resource записях производительности по мере их регистрации в временной шкале производительности браузера. Опция buffered используется для доступа к записям, существовавшим до создания наблюдателя.

const observer = new PerformanceObserver((list) => {
  const javascriptResources = list.getEntries().filter((entry) => {
    return entry.contentType === "text/javascript";
  });
  console.log(javascriptResources);
});

observer.observe({ type: "resource", buffered: true });

Следующий пример использует Performance.getEntriesByType(), которая показывает только resource записи производительности, присутствующие в временной шкале производительности браузера на момент вызова метода.

const scripts = performance.getEntriesByType("resource").filter((entry) => {
  return entry.contentType === "text/javascript";
});
console.log(scripts);