Angular 简单性能测试

Question

我的问题很简单，但谷歌没有给我想要的结果。 我有一个仅在我们的网络中可用的 Angular 应用程序。我想在某个变更集之前和之后测试性能。

我想要的是在某个页面上加载我的应用程序（可能在此之前登录，但我可以禁用登录以进行测试）等待它直到它被绘制并测量花费了多长时间。这样做 1000 多次，然后给我平均时间，也许还有其他一些细节。

重要的是每次测试时浏览器缓存都是空的，否则测试结果将毫无用处。 这是一个完整的堆栈测试，所以前端 + 后端的组合加载时间是我想要的结果。

提前致谢！

Answer 1

这些浏览器工具不会执行您的网络 1000 多次，但我个人使用它们并且它们帮助很大：LightHouse 和 Google Chrome 性能标签。

在此 stackoverflow 页面上执行：

 性能标签

灯塔

它甚至会告诉您如何提高性能：

Answer 2

我编写了一个 selenium 脚本来打开我的网页并使用窗口性能对象在我的应用程序中设置一个标记来获取加载时间，执行 x 次以获得平均值。 How to test performance / load of a modern angular application建议的这篇文章对此有很大帮助。