performance - 使用 Selenium2 进行性能测试 Knockout、Angular 和 Backbone - Paul Hammant 的博客

Question

关于这些技术性能的有趣说明。在说？选择做哪个项目？我正在为一个项目寻找其中一种技术

http://paulhammant.com/2012/04/12/performance-testing-knockout-angular-and-backbone-with-selenium2/

Answer 1

由于性能问题，我不认为这篇文章在降级 angular.js 方面是决定性的。所以你的问题基本上是比较这三种技术......

它们解决了非常不同类型的问题，例如，backbone.js 实际上只是一个用于构建基于事件的 MV* 架构的库，而 knockout.js 和 angular.js 是更自以为是的框架。所以它真的将苹果与橙子进行比较......但人们无论如何都会尝试：http: //codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/

Answer 2

没有一个框架是为性能而设计的。它们被用来为开发人员提供指导。

Backbone 是迄今为止性能最低的，但即使使用 Backbone，如果调整得当，您也可以在平板电脑、手机和台式机上获得高 FPS。

渲染性能意味着：

• 只创建一次 DOM 元素，用新的模型内容更新 DOM
• 尽可能使用对象池
• 尽可能减少图像加载/解析，直到最后一分钟
• 注意触发 CSS 重新布局的 JavaScript
• 将渲染循环与浏览器的绘制循环联系起来
• 何时使用 GPU 层和合成要聪明
• 尽可能选择退出垃圾收集器以保持高帧速率

我在 github 上有一个 PerfView，它扩展了 Backbone 以提高渲染性能。https://github.com/puppybits/BackboneJS-PerfView通过一些真实世界的例子，它可以在 Chrome 中保持 120FPS，在 iPad 上保持 56FPS。