Sencha应用程序在IOS和Android上速度太慢

Question

我写了一个有点小的应用程序,但它在IOS和Android设备上运行速度非常慢,在我看来,该设备需要很长时间来渲染GUI.

我确保在发布时需要每个组件,我的应用程序包含5个选项卡面板,每个面板包含一个带有多个面板的导航视图,我已将导航视图的autoDestroy属性设置为true.

我使用了sencha 2.0.0.0和2.0.1.1以及phone gap cordova 1.7.0,cordova 1.8.0

有什么建议？

Answer 1

我确保在发布时需要每个组件

因此,您的应用程序启动缓慢.主要原因是所有元素都在启动时添加到DOM树中(您可以通过Chrome的调试工具检查应用程序的DOM树以查看它).

在某处讨论了优化应用程序响应性的最佳实践,其中之一是:

PhoneGap 1.4包装Sencha Touch 2.X - 性能怎么样？

根据您的情况,更好的实施方法是:

1. 将您的应用程序划分为两个主要视图,a Ext.TabBar和anExt.Container
2. 收听TabBar点击的更改,如果用户从选项卡更改为另一个选项卡,请删除主容器中的视图并添加适当的视图.它确保您的应用程序在任何时候只包含2个视图.

希望能帮助到你.