我有一个相对较大的web应用程序,它是一个单一的页面与ajax调用的业务逻辑。
目前我有一个很小的html文件,它加载所有的css和js文件,然后使用ajax加载页面的实际内容,所以我有大约15个html文件来加载单个页面(每个html文件都是主html页面中的一个"div“。
有几个文件更容易维护,但我的问题是:哪个文件在性能/用户体验方面更好?
保持原样(异步加载多个文件),还是让脚本在“编译”时加入所有文件(在部署时)?
我知道有一个单独的html文件在网络性能方面更有效率,但另一方面,一个小文件的加载速度会更快,而其余的内容将在“加载”对话框之后加载。
发布于 2012-10-13 21:32:07
最好使用较少的文件作为脚本阻塞和顺序加载,或使用延迟加载。通常每个域都有并行下载的限制,尽管我终生记不住它是什么。
对于生产环境,如果您一起为脚本和所有样式表编译一个有效负载,那么您可能会获得一些性能上的好处。我也会考虑减少输出。Yahoo Compressor和Google Closure Compiler是两个可以用来实现这一点的工具。
这将告诉你更多关于停止阻塞的技术...http://www.stevesouders.com/blog/2009/04/27/loading-scripts-without-blocking/
一些性能技巧,并不局限于JavaScript...
https://stackoverflow.com/questions/12877089
复制