我有这个相对较大的网络应用程序，它是一个单页面，其中包含对业务逻辑的ajax调用。
目前我有一个小的html文件加载所有的css和js文件，然后使用ajax加载页面的实际内容，所以我有15个html文件加载单个页面（每个html文件是一个“div” “在主要的HTML页面中。
有几个文件更易于维护，但我的问题是：在性能/用户体验方面哪些更好？
保持原样（多个文件加载异步）或者有一个脚本在“编译”时间（部署时）加入所有文件？
据我所知，拥有单个html文件在网络性能方面效率更高，但另一方面，小文件加载速度更快，其余内容将在“加载”对话框后加载。
答案 0 :(得分：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