PerformanceResourceTiming:redirectStart 属性
基线 广泛可用
此功能已成熟,可在许多设备和浏览器版本上运行。它自 2017 年 9 月.
报告反馈
**redirectStart
**只读属性返回一个时间戳
,表示发起重定向的请求的开始时间。
如果获取资源时存在 HTTP 重定向,并且任何重定向不是来自与当前文档相同的来源,但每个重定向资源的时序允许检查算法通过,则此属性返回发起重定向的请求的开始时间;否则,返回 0。
值
要获取重定向数量,请参阅 PerformanceNavigationTiming.redirectCount
。
redirectStart
属性可以具有以下值- 一个
时间戳
,表示发起重定向的请求的开始时间。 - 如果没有重定向,则为
0
。
示例
如果资源是跨域请求,并且没有使用 Timing-Allow-Origin
HTTP 响应头,则为0
。
测量重定向时间
redirectStart
和 redirectEnd
属性可用于测量重定向花费的时间。const redirect = entry.redirectEnd - entry.redirectStart;
js
redirectStart
和 redirectEnd
属性可用于测量重定向花费的时间。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
选项访问在创建观察者之前存在的条目。
redirectStart
和 redirectEnd
属性可用于测量重定向花费的时间。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