小编tre*_*wen的帖子

Angular JS Scaling&Performance

我们正在为一家银行建立的Angular应用程序冲击性能问题.

不幸的是,显示代码片段是违反合同的行为.无论如何,我可以描述一些正在发生的主要问题,我希望可以推荐最佳实践.

应用结构:

  • 基本上,一个巨大的多表单页面.
  • 每个表单都是它自己的部分,嵌套控制器和部分深度约为3级.
  • 在json对象的集合上重复相同的形式.
  • 每个表单都绑定到重复的对象/模型.
  • 我们应该支持页面上1-200个表单的任何位置.

如果你看一下时间表.我们花了很多时间在jQuery解析html方法,jQuery重新计算stye方法,GC事件(垃圾收集).我想最小化这些应该可以加快速度.它们都是Angular生命周期的一部分,但可能有更好的方法来避免它们.以下是探查器的一些截图:

重新计算风格 GC事件

最终,随着重复形式的数量超过5,应用程序缓慢.每种形式与其他形式相对无关.我们已经尝试不在表单之间查看任何共享属性.

performance html5 angularjs angularjs-scope angularjs-ng-repeat

42
推荐指数
4
解决办法
3万
查看次数