1

我写了一个有点小的应用程序，但它在 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

有什么建议么？

4

1 回答 1

5

我确保在启动时需要每个组件

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

在某处讨论了优化应用程序响应能力的最佳实践，这里是其中之一：

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

对于您的情况，更好的实施方法是：

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

希望能帮助到你。

于 2012-06-30T18:51:00.380 回答