Sencha 应用在 IOS 和 Android 上太慢了

Posted 2023-02-25

【中文标题】Sencha 应用在 IOS 和 Android 上太慢了

【英文标题】：Sencha app is too slow on IOS and Android

【发布时间】：2012-06-30 08:10:20

【问题描述】：

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

有什么建议吗？

【参考方案1】：

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

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

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

PhoneGap 1.4 wrapping Sencha Touch 2.X - What about performance?

针对您的情况，更好的实现方式是：

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

希望对你有帮助。