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 wrapping Sencha Touch 2.X - What about performance?

根据您的情况，更好的实施方式是：

1. 将您的应用分为两个主要视图，Ext.TabBar和Ext.Container
2. 收听TabBar点击的更改，如果用户从标签更改为另一个标签，请删除主容器中的视图并添加相应的视图。它确保您的应用程序在任何时候只包含2个视图。

希望它有所帮助。