PerformanceResourceTiming: redirectStart 属性
注意:此功能在 Web Workers 中可用。
redirectStart 只读属性返回一个 timestamp,表示启动重定向的获取操作的开始时间。
如果在获取资源时发生 HTTP 重定向,并且其中任何重定向不与当前文档同源,但对每个重定向的资源都通过了 timing allow check 算法,则此属性将返回启动重定向的获取操作的开始时间;否则,将返回零。
要获取重定向次数,请参阅 PerformanceNavigationTiming.redirectCount。
值
redirectStart 属性可以具有以下值:
- 一个
timestamp,表示启动重定向的获取操作的开始时间。 - 如果没有重定向,则为
0。 - 如果资源是跨域请求且未使用
Timing-Allow-OriginHTTP 响应头,则返回0。
示例
测量重定向时间
redirectStart 和 redirectEnd 属性可用于测量重定向所需的时间。
js
const redirect = entry.redirectEnd - entry.redirectStart;
使用 PerformanceObserver 的示例,它会在浏览器性能时间线中记录新的 resource 性能条目时通知。使用 buffered 选项可以访问观察者创建之前的条目。
js
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 性能条目
js
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`);
}
});
跨域计时信息
如果 redirectStart 属性的值为 0,则该资源可能是跨域请求。为了能够查看跨域时序信息,需要设置 Timing-Allow-Origin HTTP 响应头。
例如,要允许 https://mdn.org.cn 查看时序资源,跨域资源应发送
http
Timing-Allow-Origin: https://mdn.org.cn
规范
| 规范 |
|---|
| 资源时序 # dom-performanceresourcetiming-redirectstart |
浏览器兼容性
加载中…