单页web应用程序：使用ajax加载单个html文件还是多个文件？

我有一个相对较大的web应用程序，它是一个带有ajax调用的单一页面，用于业务逻辑

目前我有一个加载所有css和js文件的小html文件，然后使用ajax加载页面的实际内容，因此我有15个html文件加载单个页面（每个html文件在主html页面中都是一个“div”）

有几个文件更容易维护，但我的问题是：在性能/用户体验方面，什么更好

保持原样（多个文件异步加载）或使用脚本在“编译”时（部署时）连接所有文件

---

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

脚本阻止并按顺序加载时，最好减少文件，或者使用延迟加载。通常每个域的并行下载都有限制，尽管我一辈子都记不清是什么

如果你将脚本的单个有效载荷和所有样式表编译在一起，你可能会得到一些性能上的好处。我也会考虑缩小输出。雅虎压缩器和谷歌闭包编译器是可以用来实现这一点的两个工具。 这将告诉你更多关于停止阻塞的技术。。。

一些性能提示，不限于JavaScript…