Javascript 资源定时API没有';我不能在手机上正常工作
我想在一个简单的http请求上测量TTFB(到第一个字节的时间)。 我正在使用以下代码段:Javascript 资源定时API没有';我不能在手机上正常工作,javascript,mobile-safari,chrome-ios,resource-timing-api,Javascript,Mobile Safari,Chrome Ios,Resource Timing Api,我想在一个简单的http请求上测量TTFB(到第一个字节的时间)。 我正在使用以下代码段: let url = "https://fonts.gstatic.com/l/font?kit=KFOmCnqEu92Fr1Me4GZNCzcPK4I&skey=a0a0114a1dcab3ac&v=v20"; let res = await fetch(url, { headers: { 'Cache-Control': '
let url = "https://fonts.gstatic.com/l/font?kit=KFOmCnqEu92Fr1Me4GZNCzcPK4I&skey=a0a0114a1dcab3ac&v=v20";
let res = await fetch(url, {
headers: {
'Cache-Control': 'no-cache',
'Timing-Allow-Origin': '*'
}
});
await res.text()
let entries = performance.getEntriesByName(url);
let perf = entries.slice(-1).pop();
console.log(perf)
console.log(perf.responseStart - perf.requestStart)
现在,在桌面浏览器上运行此操作将得到以下结果:
我可以看到它正在计算一个TTFB
,大约5ms
但是,在手机上运行相同的操作会产生以下结果:
因此,看起来所有条目都得到了相同的值,并且计算的TTFB
始终为0。为什么呢?有没有办法测量手机中的TTFB
我的系统信息:
- 计算机
- 桌面浏览器:Chrome版本86.0.4240.111(官方版本)(x86_64)我也尝试过Safari和Firefox
- 电话:iphone11pro
- 手机浏览器:我用Safari和Chrome都试过了