为什么sencha touch需要很长时间才能加载?

时间:2014-04-07 14:34:32

标签: extjs sencha-touch sencha-cmd

我过去使用的是Sencha 1,现在我正在使用Sencha Touch 2 ......我对使用Sencha Cmd感兴趣......

所以...我做了基本的sencha命令: sencha生成app Nameofmyapp path / to / myapp

当我尝试加载网站时......加载需要10秒以上(并且没有任何功能)。我见过其他人遇到与我相同的问题,我在这里找到了最有用的答案(它解决了问题): Sencha Touch 2.2.0 loads very slowly. Is it normal?

但这是胡说八道......难道不能让它运行得更快而不需要缩小一切吗? Sencha cmd有什么东西我应该擦除因为它太沉重而无用吗? 我不应该使用Sencha cmd吗?

1 个答案:

答案 0 :(得分:2)

嗯,我认为缩小不是问题所在,而是所有组件(无论是否使用它们)都是从单独的文件中加载的。数百个请求需要时间。使用sencha app build production构建应用程序时,所有(且仅限)所需组件将连接成一个加载速度非常快的大文件。

查看状态为Using Sencha Cmd with Sencha Touch的文档

  

Sencha Cmd自动执行应用程序的所有优化,包括以下内容:

     
      
  • 解决应用程序所需的依赖关系,并且仅包括用于最佳文件大小/性能的确切内容。
  •   
  • 通过自动生成" cache.manifest"启用HTML5应用程序缓存。和资源校验和。
  •   
  • 缩小所有JavaScript和CSS资源。
  •   
  • 首次加载时将所有JavaScript和CSS资产存储在本地存储中,并通过版本之间的增量更新对其进行修补。
  •   
     

因此,您的生产版本可以立即加载后续访问和动态更新,并且网络传输最少。

修改:通过在sencha-touch.js下的app.json文件中将sencha-touch-all.js更改为"js",可以加快开发速度。接下来使用Sencha Touch Cmd命令sencha app refresh更新bootstrap.js文件。现在所有组件都从一个文件加载。在构建应用程序之前,您需要将其更改回来,否则所有组件都会在您的构建中结束,即使是您未使用的组件。