比较Performance API和chrome开发人员工具的时序结果时的差异
Suhail Gupta |
我正在尝试计时fetch电话。以下屏幕截图显示了chrome开发人员工具针对特定提取请求的显示时间。
可以看出，以红色标记的请求所花费的总时间为79 milliseconds。看起来不错。
当我尝试使用性能api计时时，毫秒在超过100％163.46000001067296 ms。怎么会这样
这是我在做什么：
loadInitVariables() {
const queryString = this.formQueryString(this.queryStringParams);
const t0 = performance.now(); // TIMESTAMP ONE @ T0
return fetch(`${this.initVariablesPath}${queryString}`, {
method: "get",
headers: { "Content-Type": "application/json" },
})
.then(response => {
const t1 = performance.now(); // TIMESTAMP 2 @ T1
log.debug(`Loaded init vars in ${t1 - t0} ms.`);
return response.json();
})
}
为什么会有这种差异？如果可以是几毫秒，即+10-+20，那没关系，但超过100％。
我测量不正确吗？
brk
考虑此示例，网络选项卡中显示的时间包括查询，开始，预定时间（如果有），发送，等待。
与时差performance.now似乎不包括这些数字
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
编辑于
相关文章
Related 相关文章
- 1
在Chrome开发人员工具中保存自定义设备的宽度和高度
- 2
为什么Chrome开发人员工具有时不显示CSS源代码？
- 3
Google Chrome开发人员工具已禁用
- 4
Chrome开发人员工具放大镜已从Chrome 32中消失
- 5
chrome开发人员工具打开时出现双重要求
- 6
在chrome开发人员工具中调试插件
- 7
Ctrl + O时如何不显示Chrome开发人员工具中已转译的文件
- 8
chrome 38屏幕尺寸开发人员工具
- 9
如何在Chrome开发人员工具中“添加观看”？
- 10
在Chrome或Firefox开发人员工具中复选框已选中的属性不变
- 11
在Chrome开发人员工具/ Firebug JavaScript控制台中访问第二/第三/ ...个最后结果
- 12
调试Chrome扩展程序时最小化开发人员工具窗口
- 13
Chrome开发人员工具中的console.log对象/功能属性
- 14
Atom IDE打开Chrome开发人员工具
- 15
从开发人员工具隐藏API数据
- 16
在chrome中启动开发人员工具时，光标变为黑色
- 17
Chrome开发人员工具中的HTTP请求
- 18
Chrome开发人员工具：实时编辑时出现错误
- 19
使用Eclipse和Chrome开发人员工具调试AngularJS Protractor E2E测试文件
- 20
chrome 38屏幕尺寸开发人员工具
- 21
让React开发人员工具在Chrome中运行
- 22
为什么启动Chrome时我的开发人员工具总是总是按比例放大？
- 23
使用浏览器的开发人员工具时，是否可以显示JavaScript数组括号和对象的内容？
- 24
Chrome开发人员工具打开时，Reactjs FixedDataTable呆滞
- 25
当我尝试打开开发人员工具时，Ripple Emulator / Chrome浏览器关闭
- 26
在Chrome开发人员工具/ Firebug JavaScript控制台中访问第二/第三/ ...个最后结果
- 27
Google Chrome Web开发人员工具
- 28
当我输入下载链接 URL 时，如何让 chrome F12 开发人员工具记录网络？
- 29
子树和属性断点 Chrome 开发人员工具未捕获转换
我来说两句