android - PhoneGap 1.4 包装 Sencha Touch 2.X - 性能如何？

Question

我正在构建一个多平台平板电脑应用程序，使用 Phonegap 1.4 包装它，只使用它的 webview，然后我使用 Sencha Touch 2 框架来发挥我的魔力。多平台是指 iOS 5.X+ 和 Android 3.0+(目前)。

到目前为止，这个应用程序运行良好，它的所有功能都可以在两个系统上运行，但是......在 Android 平板电脑(三星 GalaxyTab)上它真的很慢。发生了什么？我可以对此做些什么吗，或者它只是 android 的限制？

谢谢

里卡多·佩尔:http://edgecodetechology.blogspot.pt/

---

****EDIT****(我试图让这篇文章对 Sencha 社区有所帮助)

Sencha Touch, like many other Javascript Frameworks are not the best example of performance due to javascript itself.

Then Why use Sencha Touch?

• In my case: Multiplatform (iOS, Android, Windows Phone, Blackberry, Windows, Mac OSX, Linux. Sharing 80-90% of the code)

缓解由于 Android 系统中缺乏可视化预处理导致的性能问题:

1. CSS3重视觉流程:

   • 避免渐变
   • 避免阴影
   • 避免变换和动画

2. 良好的 MVC 实践:

   • 不要使用更多的观看次数，而是实际展示
   • 尽可能进行预渲染/预数据提取，以避免同时进行渲染和数据处理

3. 对于任何 ScrollView ，应在 Android 上禁用过度滚动。我已经在 Android 设备上测试了许多 Sencha Touch 2 应用程序，并且由于延迟和滞后，过度滚动会导致非常不愉快的体验。 (在 Galaxy Tab、Nexus S 和一些 HTC 上测试)作者 Thiem Nguyen(我一直在挖掘你的帖子，对不起伙计:P)

Answer 1

这里也一样。我在三星 GalaxyTab 上测试了很多 Sencha Touch 2 应用程序，性能真的很糟糕。有一个事实(这可能是实际原因的一部分)，iOS 在渲染之前会进行许多预处理和计算，以使用户的外观和感觉看起来更流畅，而 Android 倾向于在旅途中同时渲染和处理。

总的来说，可以说，对于每个基于 Javascript 构建的跨平台移动应用程序，例如 Sencha Touch，iOS 的性能明显优于 Android。但是，Sencha Touch 开发团队正在尽最大努力改进这一点，希望在下一个版本中会更好。您可以查看这篇关于 iOS 和 Android 设备性能比较的文章。

http://www.sencha.com/blog/sencha-touch-2-developer-preview/

PS:虽然它与操作系统的限制密切相关，但您也可以优化您的应用，使其在 Android 设备上表现更好。根据我的经验，最佳做法是:

• 不要过多使用 CSS3。
• 尽量减少 DOM。

希望对你有帮助。