【问题标题】:Single page web app: single html file or several files loaded using ajax?单页 Web 应用程序:单个 html 文件还是使用 ajax 加载的多个文件?
【发布时间】:2012-10-14 05:32:06
【问题描述】:

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

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

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

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

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

【问题讨论】:

    标签: html ajax web


    【解决方案1】:

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

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

    【讨论】:

      猜你喜欢
      • 2014-12-25
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2013-12-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多