单页角应用程序前端性能自动测试

Question

我正在寻找帮助，以自动化我的单页角应用程序的性能测试。我们使用量角器进行E2E测试，并希望添加性能测试。我们的第一个目标是能够测量简单的时间之间的按钮点击和完成加载的svg。(我们有这样的要求，即负载时间必须小于2秒。因此，我们需要断言这些东西。

我的第一个想法是使用浏览器-perf/量角器-perf。不幸的是，量角器-perf似乎不适用于最新的铬版，而且在一般情况下，browser-perf只是测量页面加载时间，不会在单个页面应用程序上更改。

我的最新想法是简单地使用performance.now()并“手动”测量时间。这有一个很大的缺点，就是iOS Safari不支持它。(我也需要在iPad上运行这些测试。)

所以我的问题是:有没有人知道我如何能把性能测试包括到我的量角器测试中，像我上面提到的那样测量时间间隔？

Answer 1

最新版本的browser-perf现在与最新版本的Chrome兼容。您应该简单地重新安装量角器-perf，它应该开始工作。这是最近修正的- https://github.com/axemclion/browser-perf/issues/31。

还要注意的是，browser-perf还测量诸如框架、绘制区域等内容，这对于单页应用程序可能很有用。