3

我有这个相对较大的网络应用程序,它是一个带有 ajax 业务逻辑调用的单页。

目前我有一个加载所有css和js文件的小html文件,然后使用ajax加载页面的实际内容,所以我有15个html文件来加载单个页面(每个html文件都是一个“div”主html页面。

有几个文件更容易维护,但我的问题是:在性能/用户体验方面哪个更好?

保持原样(几个文件异步加载)或者有一个脚本在“编译”时间(部署时)加入所有文件?

我知道拥有一个 html 文件在网络性能方面更有效,但另一方面,一个小文件会加载得更快,其余内容将在“加载”对话框后加载。

4

1 回答 1

2

最好减少文件作为脚本阻塞并按顺序加载,或者使用延迟加载。并行下载通常有每个域的限制,尽管我一生都记不住它是什么。

对于生产,如果您将脚本的单个有效负载和所有样式表一起编译,您可能会获得一些性能优势。我也会考虑缩小输出。Yahoo Compressor 和 Google Closure Compiler 是可用于实现此目的的两个工具。

这将告诉您更多关于停止阻塞的技术... http://www.stevesouders.com/blog/2009/04/27/loading-scripts-without-blocking/

一些性能提示,不仅限于 JavaScript...
http://developer.yahoo.com/performance/rules.html

于 2012-10-13T21:32:06.643 回答