一个js文件或多个js文件

Question

因此，假设我有5个特定的页面(第1页到第5页)和5个不同的js函数(js-1到js-5)。

在Page-1只需要js-1和Page-2只需要js-2 (以此类推)的场景中，是最好有一个包含所有5个js函数的js文件，还是最好有5个单独的js文件(每个文件都包含js函数)，其中只有相应的js文件加载在特定的页面中？

例如，仅在js-1.js中加载了page-1。

Answer 1

我得说取决于你的要求。我会按照您的建议，每1页使用一个文件，但是，如果您将来计划在多个页面上使用一个文件中的一些函数(这并不是不寻常的)，我会将它们放在一个单独的文件中，然后在需要这些函数的每个页面中包含该文件，这样您就不会自己重复了。

Answer 2

每个<script src="file.js"></script>向服务器发送一个HTTP请求。假设没有缓存，每个请求对服务器来说都是一个额外的负载。对于少数客户端来说，这不是一个问题，但是当您有一个繁忙的站点时，这些额外的请求会产生影响，影响每个客户端的带宽和每个客户端的响应时间。减少每个页面的请求对于繁忙的站点是有好处的，连接javascript文件是最好的方法，即使结果文件超出了要求。有一个偏离的点，即文件长度覆盖请求的成本。

对于小文件来说。用于根据需要发送更大的文件。对于低使用率的网站来说，这并不重要。