PerformanceResourceTiming: свойство responseStart

Это responseStart только для чтения свойство возвращает timestamp сразу после того, как браузер получит первый байт ответа от сервера, кэша или локального ресурса.

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

• A DOMHighResTimeStamp сразу после того, как браузер получит первый байт ответа от сервера.
• 0 если ресурс был мгновенно получен из кэша.
• 0 если ресурс является запросом к другому домену и не используется заголовок ответа HTTP Timing-Allow-Origin.

Свойства responseStart и requestStart можно использовать для измерения времени выполнения запроса.

const request = entry.responseStart - entry.requestStart;

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

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const request = entry.responseStart - entry.requestStart;
    if (request > 0) {
      console.log(`${entry.name}: Request time: ${request}ms`);
    }
  });
});

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

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

const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  const request = entry.responseStart - entry.requestStart;
  if (request > 0) {
    console.log(`${entry.name}: Request time: ${request}ms`);
  }
});

Если значение свойства responseStart равно 0, это может указывать на запрос к ресурсу на другом домене. Чтобы получить информацию о времени выполнения таких запросов, необходимо установить заголовок ответа HTTP Timing-Allow-Origin.

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

Timing-Allow-Origin: https://developer.mozilla.org

• Timing-Allow-Origin