Extjs Sencha Touch移动网站启动时间

这可能是个新手问题，但

我正在使用Sencha Touch 2开发我的第一个移动网站。我现在将该应用程序部署到我的主机服务器上，但……它甚至需要11秒才能启动

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

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

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

---

谢谢

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

使用

---

若您直接在服务器上部署了开发版本，那个么总体加载时间将增加。要部署应用程序，您应该使用压缩的css和js构建应用程序。从一开始就遵循。成功构建后，您将获得js文件的缩小版本。考虑压缩CSS文件。要压缩CSS文件，可以使用。虽然，你已经开发了应用程序，考虑到这包括如何压缩CSS文件的生产版本。 正如您所提到的，应用程序正在发出247请求。我想这也包括图像。您可以将base64图像直接编码到CSS文件中，以避免与服务器频繁通信。另一种减少图像请求的方法是使用css精灵

---

SO还使用css精灵来处理这里看到的不同图像。

问题用Sencha 2.1标记，Sencha命令在2.0和2.1之间有一些变化。除了Neil的答案之外，您还可以使用YSlow，它是Firefox和Chrome的插件，告诉您需要改进哪些，以加快应用程序的加载速度。您可以做的主要事情是使用精灵而不是多个图像来减少HTTP请求，只使用一个CSS文件，在JS文件上使用。。。

sencha app build