PerformanceResourceTiming: свойство responseStatus

Это responseStatus только для чтения, представляющее код состояния HTTP ответа, возвращаемый при загрузке ресурса.

Это свойство соответствует Response.status из Fetch API.

Свойство responseStatus может иметь следующие значения:

• Число, указывающее на код состояния HTTP ответа, возвращаемый при загрузке ресурса.
• 0 если проверка CORS завершается неудачно.
• 0 для кросс-доменных объектов <iframe>.

Свойство responseStatus можно использовать для проверки кэшированных ресурсов с кодом состояния HTTP ответа 304 Not Modified.

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

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    if (entry.responseStatus === 304) {
      console.log(`${entry.name} was loaded from cache`);
    }
  });
});

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

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

const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  if (entry.responseStatus === 304) {
    console.log(`${entry.name} was loaded from cache`);
  }
});

В качестве альтернативы, если responseStatus недоступно, вы можете проверить, вернуло ли свойство transferSize значение 0.

Если значение свойства responseStatus равно 0, ресурс может быть запросом с другого домена. Чтобы отобразить коды состояния ответов с других доменных имен, заголовок HTTP ответа CORS Access-Control-Allow-Origin должен быть установлен.

Например, чтобы разрешить https://developer.mozilla.org видеть коды состояния ответов, кросс-доменный ресурс должен отправить:

Access-Control-Allow-Origin: https://developer.mozilla.org

• Код состояния ответа HTTP
• Response.status
• CORS