减少初始Web应用程序加载时间

Question

我正在使用ExtJS创建一个单页Web应用程序。

这不是减少Web应用程序的加载时间以在发送到浏览器的初始HTML文件中注入JS，CSS和HTML而不是仅包含脚本和css标记以从服务器加载文件的最佳方法此后的一段时间将多个HTTP请求减少到只有一个。

Answer 1

您可能喜欢httpcombiner.ashx的概念。

http://archive.msdn.microsoft.com/HttpCombiner

此工具还可以压缩和缓存您的js和css

Answer 2

如果您想减少初始加载时间，最好的方法之一就是利用浏览器缓存。建议您使用托管的ExtJS库，例如Google Ajax API。潜在的访问者很可能已经将其缓存。

这只是众多提示中的一小部分。

Answer 3

此网页概述了降低感知网页加载时间的一些最佳做法。

http://developer.yahoo.com/performance/rules.html

除了使用pavan建议的冷凝器之外，您还可以使用Google的闭包编译器来最小化javascript文件。

http://closure-compiler.appspot.com/home

Answer 4

嗯，加载时间和 观察 加载时间之间存在很大差异。减少加载时间的最佳方法之一是使用服务器端压缩。但是，渐进式加载似乎对用户来说加载速度更快 因此，初始响应应该只包含最小的样式表集（让浏览器呈现以后到达的已经设置的样式）和布局。然后你可以让onLoad回调一些加载其他组件的AJAX加载器 最重要的是不要忘记调整图像容器的大小。最烦人的事情之一就是当你错过了一个链接时，只是因为图像开始加载并改变了布局。