Sencha Touch 2 - Android性能

Question

我们正在开发Sencha Touch 2应用程序，该应用程序利用Phonegap将其作为应用程序安装并访问设备的存储。 这在iPad 2和iPad 3上运行得非常好。但是当我们尝试在Android设备上运行应用程序时，性能非常慢。 减慢系统速度的主要因素是列表和轮播。 当我们尝试通过Chrome浏览器测试相同的应用程序时，性能与iPad的性能相当。

你有什么建议我们可以做些什么来提高android的性能，甚至可能放弃Phonegap以获得更好的效果。 或者，如果我们可以强制phonegap作为Chrome浏览器运行。

感谢您的时间和帮助。

Answer 1

你在这里遇到的问题是Android浏览器不使用图形硬件加速。 这意味着Sencha（以及其他HTML5库，如jQueryMobile，iScroll等......）用来提供良好的滚动性能的标准技巧，例如CSS 3D转换，使您的列表在单独的层中呈现，这可以然后在硬件上翻译，将无法在Android上运行。 相反，列表滚动将完全在软件中执行，这将是缓慢的！

然而，Chrome浏览器确实提供了GPU加速功能。 Android设备能够提供良好的HTML5体验，只是标准浏览器还没有利用GPU硬件。

除非您可以强制最终用户使用Chrome（我怀疑），否则唯一的选择就是降低用户体验，并为Android用户提供稍微简单的用户界面。

有关详细信息，请参阅“提高HTML5应用程序的性能”

Answer 2

尝试在AndroidManifest.xml中设置此标志：android：hardwareAccelerated =“true”

Answer 3

更新：现在与ST2合作的时间越来越长，Android上的性能挑战只是你必须接受的。 您可以采取许多措施来避免性能问题，例如减少侦听器和事件，保持DOM轻量级（低于2000个节点）并且通常避免任何CSS3转换和效果（特别是在Android上表现不佳）

另一件需要考虑的事情是，您可以使用CrossWalk浏览器并将其嵌入到APK中，而不是使用内置的WebView。

https://crosswalk-project.org

它为你的APK增加了一点大小（15-20MB），但它比内置的WebView表现更好，并为一个非常分散的平台带来稳定性和一致性。 考虑到现实，Android上的每个WebView取决于设备，供应商和操作系统版本可能在很小的方面有所不同。 CrossWalk将允许您在所有Android 4.0+设备上拥有完全相同的版本，并删除任何设备或供应商特定问题。

在Android上没有灵丹妙药的表现。 图形加速不会改善纯javascript执行或DOM操作的执行。 如果你想了解原因，那么从这里开始：

回流和重绘之间有什么区别？

较旧的答案（可能仍然有效）：

对于ICS及更高版本，webview上的以下设置将显着提高Android上Sencha Touch的渲染性能：

mWebView.setLayerType(WebView.LAYER_TYPE_HARDWARE, null);

但是根据我的经验，这将根据设备和平台变化将工件引入CSS渲染。 我没有特别找到理由，我不希望谷歌解决它，因为webview组件将被Android 4.4中更新更好的版本取代。

https://developers.google.com/chrome/mobile/docs/webview/overview