PerformanceResourceTiming.responseStart 和 PerformanceResourceTiming.requestStart 都是 0 表示状态正常的 http 请求

Question

我想测量 HTTP 请求的 TTFB（第一个字节的时间）。我在亚马逊 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"

Answer 1

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