Sencha Touch移动网站启动时间

Question

这可能是一个新手问题，但是...

我正在使用Sencha Touch2开发我的第一个移动网站。我现在将这个应用程序部署到我的托管服务器but.....it上，它甚至需要11秒才能启动?？

这是我在我的开发机器上用Chrome运行它的时候。它执行247个请求，总大小为1.8MB。

247 requests  ❘  1.8 MB transferred  ❘  10.65 s (onload: 10.66 s, DOMContentLoaded: 352 ms)

这是正常的吗？我的意思是，这只是框架的东西。

谢谢

Answer 1

您需要将使用的所有文件连接并最小化为一个大文件

使用Sencha Command for Sencha Touch 2.1

sencha app build

Answer 2

如果您已经在服务器上直接部署了开发版本，那么总体加载时间将会增加。要部署应用程序，您应该使用压缩的css和js构建您的应用程序。从this guide开始。在成功构建之后，您将获得js文件的精简版本。也可以考虑压缩css文件。要压缩CSS文件，可以使用compass。尽管您已经开发了应用程序，但请考虑访问theming guide，它介绍了如何压缩css文件以用于生产版本。

正如你所提到的，app发出了247个请求。我想这也包括图片。您可以直接将图像base64编码为CSS文件，以避免与服务器频繁通信。另一种减少图片请求的方法是使用css sprites。

所以这里看到的不同图像也使用了css精灵。