PerformanceResourceTiming: firstInterimResponseStart 属性
注意:此功能在 Web Workers 中可用。
只读属性 firstInterimResponseStart 返回一个 timestamp,表示浏览器在从服务器接收到 1xx 响应(例如,100 Continue 或 103 Early Hints)的第一个字节后立即记录的时间。
firstInterimResponseStart 没有结束属性。
值
firstInterimResponseStart 属性可以具有以下值:
- 一个
DOMHighResTimeStamp,表示浏览器在从服务器接收到响应的第一个中间字节后立即记录的时间。 - 如果资源没有发送中间响应,则为
0。 - 如果资源是跨域请求且未使用
Timing-Allow-OriginHTTP 响应头,则返回0。
注意: Early Hints 通常只支持主导航请求,而主导航请求定义上是同源的,因此 0 通常表示未使 Early Hints。
当 firstInterimResponseStart 非零时,对于支持的浏览器,它应与 requestStart 的值相同。
示例
测量请求时间
firstInterimResponseStart 和 requestStart 属性可用于衡量浏览器在发送请求后接收中间响应所需的时间。
js
const request = entry.firstInterimResponseStart - entry.requestStart;
以下示例使用 PerformanceObserver 来通知新记录在浏览器性能时间线中的 resource 性能条目。buffered 选项用于访问观察者创建之前的条目。
js
const observer = new PerformanceObserver((list) => {
list.getEntries().forEach((entry) => {
const request = entry.firstInterimResponseStart - entry.requestStart;
if (request > 0) {
console.log(`${entry.name}: Interim response time: ${request}ms`);
}
});
});
observer.observe({ type: "resource", buffered: true });
以下示例使用 Performance.getEntriesByType(),它仅显示在调用方法时存在于浏览器性能时间线中的 resource 性能条目。
js
const resources = performance.getEntriesByType("resource");
resources.forEach((entry) => {
const request = entry.firstInterimResponseStart - entry.requestStart;
if (request > 0) {
console.log(`${entry.name}: Interim response time: ${request}ms`);
}
});
跨域计时信息
如果 firstInterimResponseStart 属性的值为 0,则该资源可能是跨域请求。为了能够查看跨域时序信息,需要设置 Timing-Allow-Origin HTTP 响应头。
例如,要允许 https://mdn.org.cn 查看时序资源,跨域资源应发送
http
Timing-Allow-Origin: https://mdn.org.cn
规范
| 规范 |
|---|
| 资源时序 # dom-performanceresourcetiming-firstinterimresponsestart |
浏览器兼容性
加载中…