PerformanceResourceTiming: свойство firstInterimResponseStart

Это firstInterimResponseStart только для чтения возвращает timestamp сразу после того, как браузер получит первый байт промежуточного ответа 1xx (например, 100 Continue или 103 Early Hints) от сервера.

Для firstInterimResponseStart нет свойства end.

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

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

Когда firstInterimResponseStart не равно нулю, это означает, что оно должно быть таким же, как значение requestStart для поддерживающих браузеров.

Свойства firstInterimResponseStart и requestStart можно использовать для измерения времени, необходимого браузеру для получения промежуточного ответа после отправки запроса.

const request = entry.firstInterimResponseStart - entry.requestStart;

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

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

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

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

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

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

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

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

• Timing-Allow-Origin
• finalResponseHeadersStart