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

PerformanceResourceTiming.responseStart and PerformanceResourceTiming.requestStart both are 0 for a status ok http request(对于状态正常的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文档中的此信息。事实上，包括requestStart和responseStart在内的许多属性都是未设置的。将perf记录打印到控制台显示：

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

推荐答案

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

这篇关于对于状态正常的http请求，PerformanceResourceTiming.ResponseStart和PerformanceResourceTiming.questStart均为0的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！