拥有一个 .js 文件还是在每个页面中复制脚本更好？

Posted 2023-05-07

【中文标题】拥有一个 .js 文件还是在每个页面中复制脚本更好？

【英文标题】：Is it better to have a single .js file or copy the script in every page?

【发布时间】：2016-08-26 12:14:14

【问题描述】：

我正在构建一个网站，它在许多 html 页面中使用三个相同的 javascript 函数。 将所有页面链接到单个 .js 文件还是将脚本复制到使用它的每个 HTML 页面更好？

【问题讨论】：

添加脚本文件总是比在每个页面上添加整个代码更好

What are some advantages and disadvantages for embedding JavaScript in HTML or saving it externally?的可能重复

拆分它，这样每个页面只需要加载两个脚本，一个包含您可以在每个页面中使用的共享函数，另一个包含特定于该页面的函数。

【参考方案1】：

我建议将脚本放入单独的文件并链接到它。如果您想对代码进行更改，您只需执行一次。 => 删除冗余。另一方面，您减少了对网络服务器的请求数量，因为每个脚本标签都会创建一个额外的 GET 请求。但我很乐意为低冗余付出这个代价！

【参考方案2】：

我更喜欢使用一个文件并链接到它。

但是，如果这些功能非常小，如果您将它们放在页面的页脚正上方的 body 标记上方，Google 会很高兴。仅当您使用的模板为所有页面都有一个页脚并且不需要编辑每一页时，我才会这样做。