【问题标题】:Multiple Javascript files but only one HTTP request多个 Javascript 文件但只有一个 HTTP 请求
【发布时间】:2012-08-12 03:46:44
【问题描述】:

我想很好地将我的 JS 分开,这样每个对象都在自己的文件中,我可能会像这样构建我的目录和文件:

/js/modules/module1.js /js/pages/page1.js

问题是我不希望每个文件有 50 个 HTTP 请求,有没有办法做到这一点?

【问题讨论】:

    标签: javascript html http


    【解决方案1】:

    这种技术非常基本且合乎逻辑。情况是我们在 HTML 标头中多次调用外部 Javascript 文件,这意味着来自客户端浏览器的多个 HTTP 请求。我们如何减少所有这些 HTTP 请求?

    将它们组合起来,以便至少只有一次调用外部 Javascript 文件, 避免破坏网页上任何与 Javascript 相关的功能, 缩小 Javascript 以节省带宽

    http://falcon1986.wordpress.com/2010/01/11/combine-and-minify-javascript-reduce-number-of-http-requests/

    【讨论】:

    【解决方案2】:

    您可以使用 PHP 文件将所有这些组合起来。 IP.board等许多PHP软件都使用这种技术

    对于 ASP.NET,这将有所帮助 - http://abhijitjana.net/2011/10/06/bundling-and-minification-in-asp-net-4-5/

    【讨论】:

    • 那太棒了,但不幸的是我正在使用 ASP.NET :( 这意味着我想我必须先编译这些东西才能查看更新的更改,这很糟糕!
    • 在这种情况下,看看这个 - abhijitjana.net/2011/10/06/…
    • 您能否更改您的原始答案,以便其他人可以看到它?谢谢
    【解决方案3】:

    我想到了两种方法:

    1. 在您的站点中仅放置一个 js 链接,例如 /scripts/all.js,并根据对该 js 的请求,编译并合并所有文件并提供它们。
    2. 使用 JavaScript 依赖管理器,按需加载脚本(而不是全部,即使不使用)

    【讨论】:

      猜你喜欢
      • 2010-09-11
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2018-02-22
      • 2019-06-08
      • 2010-11-05
      相关资源
      最近更新 更多