多个 Javascript 文件，但只有一个 HTTP 请求

Multiple Javascript files but only one HTTP request

本文关键字：有一个 HTTP 请求 Javascript 文件 多个      更新时间：2023-09-26

我想很好地分离我的JS，以便每个对象都在自己的文件中，我可能会像这样构建我的目录和文件：

/

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

问题是我不想为每个文件有 50 个 HTTP 请求，有没有办法做到这一点？

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

将它们组合在一起，以便至少只调用一次外部 Javascript 文件，避免破坏网页上任何依赖于Javascript的功能，缩小Javascript以节省带宽

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

您可以使用 PHP 文件将它们组合在一起。这种技术被许多PHP软件使用，如IP.board。

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

我想

到了两种方法：

  1. 在你的站点中只放置一个js链接，如/scripts/all.js，并在请求该js时，编译和合并所有文件并提供服务。
    2. 使用
  2. JavaScript 依赖管理器按需加载脚本（而不是所有脚本，即使未使用）
相关文章：