性能测试单页面应用程序组件

Question

我们有一个Angular单页面应用程序，加载速度相当快。但是，应用程序中存在异步加载（和呈现）的数据组件。我已经浏览了整个网络，这似乎是一个相当普遍的问题，但没有一个好的解决方案。是否有任何工具可以只对页面的一个组件进行基准测试，而不是整个页面？我们需要知道数据请求和渲染数据完成之间的时间。

Answer 1

尝试使用开源Chrome插件Angular-performance，您可以在Angular应用程序中对特定控制器，摘要时间和事件进行基准测试：https://github.com/Linkurious/angular-performance

Answer 2

是否有可能获得对该特定视图的引用？

与React + Flux类似，我相信Angular会被归类为＆＃34;当前状态＆＃34;前端框架。因为它是函数式编程而不是面向对象。这是公司过去切换到角度的原因，因为javascript的速度和异步性质。

如果某些元素您不想在满足条件之前渲染DOM，我建议您查看 ng-show 和 ng-hide。

https://docs.angularjs.org/api/ng/directive/ngShow

我希望有帮助吗？我不确定特别是你不想异步渲染的情况？让我知道如何提供帮助。