我正在构建一个多平台平板电脑应用程序,仅使用其 Webview 使用 Phonegap 1.4 对其进行包装,然后使用 Sencha Touch 2 框架发挥我的魔力。我所说的多平台是指 iOS 5.X+ 和 Android 3.0+(目前)。
到目前为止,这个应用程序运行得很好,它的所有功能都可以在两个系统上运行,但是......在 Android 平板电脑(三星 GalaxyTab)上它真的很慢。
发生了什么?我可以做点什么吗,或者这只是安卓的限制?
Thanks
里卡多·佩雷:http://edgecodetechology.blogspot.pt/ http://edgecodetechology.blogspot.pt/
****编辑****(我试图让这篇文章对 sencha 社区有点用处)
Sencha Touch 与许多其他 Javascript 框架一样,由于 javascript 本身的原因,并不是性能的最佳示例。
那为什么要使用煎茶触摸?
- 就我而言:多平台(iOS、Android、Windows Phone、Blackberry、Windows、Mac OSX、Linux。共享 80-90% 的代码)
Mitigating performance issues due to lack of visual pre-process in Android systems:
-
CSS3重视觉流程:
-
良好的 MVC 实践:
- 不要使用更多视图,而您实际上正在展示
- 尽可能预渲染/预数据获取以避免同时渲染和数据处理
对于任何滚动视图,应在 Android 上禁用过度滚动。我在 Android 设备上测试了许多 Sencha Touch 2 应用程序,由于延迟和滞后,过度滚动会导致非常不愉快的体验。 (在 Galaxy Tab、Nexus S 和一些 HTC 上测试)作者:Thiem Nguyen(我一直在挖掘你的帖子,抱歉兄弟 :P)
同样在这里。我在 Samsung 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/ http://www.sencha.com/blog/sencha-touch-2-developer-preview/
PS:虽然这与操作系统的限制有很大关系,但您也可以优化您的应用程序,使其在 Android 设备上表现更好。根据我的经验,最佳实践是:
- 不要过多使用 CSS3。
- 使 DOM 尽可能最小。
希望能帮助到你。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)