Question

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

Answer 1

为减少应用程序加载时间，您可以执行以下操作：

不需要在应用程序启动时连接到服务器
使用minification and concatenation通过缩小应用程序来减少网络负载
确保您没有添加您未实际使用的项目

Answer 2

加载的初始延迟可能是由于必须解析和渲染的大小app.css（大约1.2 MB）。

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

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文件夹，其中包含每种构建的可部署版本。

MyProject的/建造/生产/ MyApp的

编辑：

在你的app.js中你有一个

Ext.application（{

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});
}

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

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

带有Sencha Touch的IBM Worklight 7.0如何优化应用程序？

3 个答案: