javascript - 单页 Angular 应用的自动化前端性能测试

Question

我正在寻求帮助来自动化我的单页 Angular 应用程序的性能测试。我们正在使用 Protractor 进行 E2E 测试，并希望添加性能测试。我们的第一个目标是能够测量例如之间的简单时间。按钮单击并完成 svg 的加载。 (我们有要求声明加载时间必须少于 2 秒。因此我们需要断言这些事情。)

我的第一个想法是使用 browser-perf/protractor-perf。不幸的是，protractor-perf 似乎不适用于最新的 chrome 版本，并且通常 browser-perf 只是测量页面加载时间，这不会在单个页面应用程序上发生变化。

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

所以我的问题是:是否有人知道如何将性能测量纳入我的 Protractor 测试，测量时间间隔，就像我上面提到的那样？

Answer 1

最新版本的 browser-perf 现在可以与最新版本的 Chrome 一起使用。您只需重新安装 protractor-perf，它就会开始工作。这是最近修复的 - https://github.com/axemclion/browser-perf/issues/31 .

另请注意，browser-perf 还测量帧速率、绘制区域等，这可能对单页应用程序很有用。