ibm-mobilefirst - IBM Worklight 7.0 with Sencha Touch 如何优化应用程序？

Question

我正在使用 Sencha touch 2.4 开发 IBM Worklight 7.0 Hybrid 移动应用程序。最初加载需要太多时间。使用 chrome 开发人员工具进行监控时，应用程序的网络负载显示大约 10 秒的空闲时间。

Answer 1

加载的初始延迟可能是由于必须解析和呈现相当大的 app.css（大约 1.2 MB）。

此处的 Sencha 博客中提到了相同的查询和解决方案。

Answer 2

要减少应用程序加载时间，您可以做几件事：

1. 不要在应用程序启动时连接到服务器，这不是必需的
2. 通过使应用程序“更小”，使用缩小和连接来减少网络负载
3. 确保您没有向项目中添加您实际未使用的内容

Answer 3

要添加到@IdanAdar 答案：

不知道您是否使用Sencha CMD，但听起来不像。

在终端或 Windows 中的等效项中：

$ cd to/your/project/directory

$ sencha app build build         # runs a build, warns about errors

$ sencha app build testing       # combines js files but not uglified

$ sencha app build production    # minifies project 

如果您运行了该命令，这应该会在您的项目中创建一个build文件夹，其中包含每种构建的可部署版本。

我的项目/构建/生产/MyApp

编辑：

在您的 app.js 中，您有一个

分机应用程序（{

name: 'MyApp',

requires: [
    // Are you loading everything here?
    // If you have framework classes that are not 
    // in your initial views you could move them
    // to a subview in.. requires: ['Ext.field.CheckBox','Ext.etc']
],

models: [...],

stores: [...],

    // Are you loading all of your views here?
    // If you can get away with loading nested views try that.

views: [
    'Main'
],

controllers: [...],

icon: {...},

isIconPrecomposed: true,

startupImage: {...},

launch: function() {

    Ext.create('IntakEase.view.Main', {fullscreen: true});
}

还有很多其他可能的事情。

您是否正在加载任何外部类？