对于状态正常的http请求,PerformanceResourceTiming.ResponseStart和PerformanceResourceTiming.questStart均为0
我要测量HTTP请求的TTFB(第一个字节的时间)。我在Amazon S3服务器上托管了一个0kb的pdf文件,我正在使用
fetch
API来获取它。以下是我的代码:
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
文档中的此信息。事实上,包括requestStart
和responseStart
在内的许多属性都是未设置的。将perf
记录打印到控制台显示:
这很奇怪,因为使用此URL执行相同的操作效果很好:"https://speed.cloudflare.com/__down?bytes=0"
解决方案
这是因为timing-allow-origin标头未由S3服务器设置。CloudFlare确实设置了该选项,这就是我能够读取ttfb
值的原因。
相关文章