单页 Angular 应用程序的自动化前端性能测试答案

【问题标题】：Automated Front End Performance Testing of Single Page Angular App单页 Angular 应用程序的自动化前端性能测试
【发布时间】：2015-07-16 17:16:42
【问题描述】：

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

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

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

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

【问题讨论】：

proractor-perf 是这项工作的工具，也是我们使用的工具。您能否添加更多关于它在 chrome 中不起作用的详细信息。仅供参考，只是有点相关，可能对你来说很有趣：stackoverflow.com/questions/27596229/….
当我尝试在 Chrome 上运行量角器性能测试时，我收到错误消息，指出时间轴功能已弃用，我应该使用计时。那就是最新的 Chrome (v 42.0.2311.135) 和 Chromedriver (2.15) 和 Selenium 2.45.0。我找不到合适的解决方案。

【解决方案1】：

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

另请注意，浏览器性能还可以测量帧速率、绘制区域等，这对于单页应用程序可能很有用。

【讨论】：