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

Automated Front End Performance Testing of Single Page Angular App

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

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

我的最新想法是简单地使用 performance.now() 并测量时间 'manually'。这有一个很大的缺点,即 iOS Safari 不支持它。 (我也需要 iPad 上的 运行 测试。)

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

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

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