对于状态正常的http请求,PerformanceResourceTiming.ResponseStart和PerformanceResourceTiming.questStart均为0

我要测量HTTP请求的TTFB(第一个字节的时间)。我在Amazon S3服务器上托管了一个0kb的pdf文件,我正在使用fetchAPI来获取它。以下是我的代码:

let url = "https://s3-us-west-2.amazonaws.com/speedtest.waveform.com/ping.pdf";
await fetch(url).then(res => res.text());
let perf  = performance.getEntriesByName(url).pop();
console.log("ttfb", perf.responseStart - perf.requestStart);

在Chrome开发人员网络选项卡中,我可以看到该请求及其所有计时信息:

但我无法访问PerformanceResourceTiming文档中的此信息。事实上,包括requestStartresponseStart在内的许多属性都是未设置的。将perf记录打印到控制台显示:

这很奇怪,因为使用此URL执行相同的操作效果很好:"https://speed.cloudflare.com/__down?bytes=0"


解决方案

这是因为timing-allow-origin标头未由S3服务器设置。CloudFlare确实设置了该选项,这就是我能够读取ttfb值的原因。

相关文章