PerformanceResourceTiming:redirectStart 属性

基线 广泛可用

此功能已成熟,可在许多设备和浏览器版本上运行。它自 2017 年 9 月.

报告反馈

**redirectStart**只读属性返回一个时间戳,表示发起重定向的请求的开始时间。

如果获取资源时存在 HTTP 重定向,并且任何重定向不是来自与当前文档相同的来源,但每个重定向资源的时序允许检查算法通过,则此属性返回发起重定向的请求的开始时间;否则,返回 0。

要获取重定向数量,请参阅 PerformanceNavigationTiming.redirectCount

  • redirectStart 属性可以具有以下值
  • 一个时间戳,表示发起重定向的请求的开始时间。
  • 如果没有重定向,则为0

示例

如果资源是跨域请求,并且没有使用 Timing-Allow-Origin HTTP 响应头,则为0

测量重定向时间

redirectStartredirectEnd 属性可用于测量重定向花费的时间。
const redirect = entry.redirectEnd - entry.redirectStart;

js

redirectStartredirectEnd 属性可用于测量重定向花费的时间。
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 });

示例使用 PerformanceObserver,它会在浏览器性能时间轴中记录新 resource 性能条目时通知这些条目。使用 buffered 选项访问在创建观察者之前存在的条目。

redirectStartredirectEnd 属性可用于测量重定向花费的时间。
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`);
  }
});

示例使用 Performance.getEntriesByType(),它只显示在您调用此方法时存在于浏览器性能时间轴中的 resource 性能条目。

跨域时序信息

如果 redirectStart 属性的值为 0,则资源可能是跨域请求。要允许查看跨域时序信息,需要设置 Timing-Allow-Origin HTTP 响应头。

例如,要允许 https://mdn.org.cn 查看时序资源,跨域资源应发送
Timing-Allow-Origin: https://mdn.org.cn

规范

http
规范
# 资源时序

浏览器兼容性

dom-performanceresourcetiming-redirectstart

另请参阅