javascript - javascript 文件的数量会使项目变慢或产生任何影响吗？

Question

我正在使用 HTML 和 JavaScript 开发一个项目。我在我的项目中使用了许多 JavaScript 文件。我想知道 Web 项目中 JavaScript 文件的数量是否会带来任何副作用？ (在效率或速度方面)。

Answer 1

I want to know that Is there any effect of no of JavaScript files in a web project ? In terms of efficiency or speed.

如果您的意思是，将所有 JavaScript 嵌入到 HTML 中的内联 script 标记中是否会产生速度成本，那么可能会，也可能不会；这取决于有多少 JavaScript。

这是一个权衡:

• 如果您将所有 JavaScript 都放在 HTML 文件中，这意味着您必须在每个 HTML 文件中复制它，使每个文件更大。如果脚本很多，那么每个 HTML 文件都会变得更重，这意味着当您更改内容(而不是代码)时，您会强制用户重新下载所有这些代码。

• 如果您将 JavaScript 放在一个单独的文件中，那么当您的页面加载时您会有一个额外的 HTTP 请求，但前提是 JavaScript 文件不在缓存中——而且您的所有 HTML 文件都那么多更小。

因此在大多数情况下，如果您有大量代码，最好使用单独的 JavaScript 文件并正确设置缓存 header ，这样浏览器就不需要每次都发送单独的 HTTP 请求。例如，将您的服务器配置为告诉浏览器 JavaScript 文件在很长一段时间内都是有效的，因此它甚至不会执行 If-Modified-Since HTTP 请求。然后，如果您需要更新 JavaScript，请更改文件名并在 HTML 中引用新文件。

这只是缓存控制的一种方法，这是一个重要且重要的话题。但是你明白了。将它分开可以为您提供类似的选择，并且初始成本相当低(一个额外的 HTTP 请求将其加载到缓存中)。但对于非常少量的代码来说，这可能有点矫枉过正。