使用 JavaScript 在 Edge 上进行性能测试

Question

我正在尝试在两个不同的浏览器 Edge 和 Chrome 上自动化我的性能测试场景，因为这两个脚本都支持 JavaScript API 的性能。

我面临的问题是我的场景彼此不同，但这发生在同一个网络浏览器会话上。

例如，我需要测量打开表单时的响应时间，这是第一个场景，第二个场景是保存表单所花费的响应时间，两者都是两个不同的场景，但使用相同的浏览器会话。

第一个场景完成后，我正在尝试使用以下代码

window.performance.timing.responseStart - window.performance.timing.responseEnd 

在这里我得到了 8 毫秒的正确时间，发布这个我尝试填写并保存表单，这是我的第二个场景，并像上面一样验证响应时间，我仍然得到 8 毫秒，因为实际时间花费了保存和重新加载新表单超过 8 毫秒。当我检查单个响应的开始和结束时间时，它们在整个会话中保持不变。

我想计算保存和重新加载表单的不同响应时间。这首先可行吗？如果是这样，更好的方法是什么？

Answer 1

参考this article，我们可以看到：

PerformanceTiming.responseStart：当浏览器收到响应的第一个字节时，来自服务器的缓存或本地资源。

PerformanceTiming.responseEnd：当浏览器收到响应的最后一个字节时，或者当连接关闭时（如果这种情况首先发生），来自服务器、缓存或本地资源。

所以，根据上面的属性，我们可以得到从服务器下载网页的总时间。

关于进程时序的更多细节，我建议你查看PerformanceTiming interface和Measure Web Page Performance Using JavaScript。

另外，如果你想计算表单保存和重新加载的响应时间，我建议你也可以尝试使用Date对象来计算时间，比如this和this thread。