PerformanceResourceTiming: свойство redirectEnd

Чтение-только свойство redirectEnd возвращает timestamp сразу после получения последнего байта ответа последнего перенаправления.

При получении ресурса, если есть несколько HTTP-перенаправлений, и хотя бы одно из перенаправлений имеет происхождение, отличное от текущего документа, и алгоритм проверки времени работы проходит для каждого перенаправленного ресурса, это свойство возвращает время сразу после получения последнего байта ответа последнего перенаправления; в противном случае возвращается ноль.

Чтобы получить количество перенаправлений, см. также PerformanceNavigationTiming.redirectCount.

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

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

Свойства redirectEnd и redirectStart могут быть использованы для измерения того, сколько времени занимает перенаправление.

const redirect = entry.redirectEnd - entry.redirectStart;

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

const observer = new PerformanceObserver((list) => {
  list.getEntries().forEach((entry) => {
    const redirect = entry.redirectEnd - entry.redirectStart;
    if (redirect > 0) {
      console.log(`${entry.name}: Redirect time: ${redirect}ms`);
    }
  });
});

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

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

const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
  const redirect = entry.redirectEnd - entry.redirectStart;
  if (redirect > 0) {
    console.log(`${entry.name}: Redirect time: ${redirect}ms`);
  }
});

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

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

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

• PerformanceNavigationTiming.redirectCount
• Timing-Allow-Origin