PerformanceResourceTiming: redirectEnd 属性

基线 广泛可用

此功能已相当成熟,并在许多设备和浏览器版本中有效。自 2017 年 9 月.

报告反馈

redirectEnd 只读属性返回一个 时间戳,该时间戳紧随接收最后一个重定向响应的最后一个字节之后。

在获取资源时,如果存在多个 HTTP 重定向,并且任何重定向的来源与当前文档不同,并且每个重定向资源的计时允许检查算法通过,则此属性将返回接收最后一个重定向响应的最后一个字节后的时间;否则,将返回零。

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

  • redirectEnd 属性可以具有以下值
  • 紧随接收最后一个重定向响应的最后一个字节后的 时间戳
  • 如果没有重定向,则为 0

示例

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

测量重定向时间

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

js

redirectEndredirectStart 属性可用于测量重定向所花费的时间。
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 选项访问观察器创建之前的条目。

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

另请参阅