PerformanceResourceTiming: redirectEnd 属性
基线 广泛可用
此功能已相当成熟,并在许多设备和浏览器版本中有效。自 2017 年 9 月.
报告反馈
redirectEnd
只读属性返回一个 时间戳
,该时间戳紧随接收最后一个重定向响应的最后一个字节之后。
在获取资源时,如果存在多个 HTTP 重定向,并且任何重定向的来源与当前文档不同,并且每个重定向资源的计时允许检查算法通过,则此属性将返回接收最后一个重定向响应的最后一个字节后的时间;否则,将返回零。
值
要获取重定向数量,另请参阅 PerformanceNavigationTiming.redirectCount
。
redirectEnd
属性可以具有以下值- 紧随接收最后一个重定向响应的最后一个字节后的
时间戳
。 - 如果没有重定向,则为
0
。
示例
如果资源是跨源请求,并且没有使用 Timing-Allow-Origin
HTTP 响应标头,则为 0
。
测量重定向时间
redirectEnd
和 redirectStart
属性可用于测量重定向所花费的时间。const redirect = entry.redirectEnd - entry.redirectStart;
js
redirectEnd
和 redirectStart
属性可用于测量重定向所花费的时间。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
选项访问观察器创建之前的条目。
redirectEnd
和 redirectStart
属性可用于测量重定向所花费的时间。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
性能条目
跨源计时信息
如果 redirectEnd
属性的值为 0
,则资源可能是跨源请求。要允许查看跨源计时信息,需要设置 Timing-Allow-Origin
HTTP 响应标头。
例如,要允许
https://mdn.org.cn
查看计时资源,跨源资源应发送Timing-Allow-Origin: https://mdn.org.cn
规范
http |
---|
规范 # 资源计时 |
浏览器兼容性
dom-performanceresourcetiming-redirectend