javascript - PerformanceResourceTiming.responseStart 和 PerformanceResourceTiming.requestStart 都为 0，表示状态正常的 http 请求

Question

我想测量 HTTP 请求的 TTFB（到第一个字节的时间）。我在亚马逊 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文档中访问此信息。事实上，包括requestStart和在内的许多属性responseStart都没有设置。将记录打印perf到控制台显示：

这很奇怪，因为使用这个 url 做同样的事情就很好："https://speed.cloudflare.com/__down?bytes=0"

Answer 1

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