gpt4 book ai didi

html - 单页网络应用程序 : single html file or several files loaded using ajax?

转载 作者:可可西里 更新时间:2023-11-01 13:37:34 24 4
gpt4 key购买 nike

我有这个相对较大的 Web 应用程序,它是一个页面,使用 ajax 调用业务逻辑。

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

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

保持现在的状态(多个文件异步加载)或者有一个脚本在“编译”时间(部署时)加入所有文件?

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

最佳答案

最好减少文件,因为脚本会阻塞并按顺序加载,或者使用延迟加载。通常每个域都有并行下载限制,但我记不得是什么了。

对于生产,如果您将脚本的单个有效负载和所有样式表一起编译,您可能会获得一些性能优势。我也会考虑缩小输出。 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

关于html - 单页网络应用程序 : single html file or several files loaded using ajax?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12877089/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com