包含多个 <script> 的指南答案

【问题标题】：Guidelines for including multiple <script>包含多个 <script> 的指南
【发布时间】：2013-04-21 22:44:04
【问题描述】：

拆分和包含多个文件的推荐最佳做法是什么？

在 /modules/.. 文件夹中将脚本分解为它们自己的 .js 文件对我来说是有意义的。在一种分离功能的 OOP 心态中。但是，这会导致对我的网络主机的更多 http 请求。

每个只有几 kb。拥有多个文件是否明显效率低下？我还研究了head.js 和script.js，但这似乎有点过头了。

基本上，将javascript分成单独的文件并单独加载它们被认为是一种不好的做法，还是有更好的方法？

【问题讨论】：

【解决方案1】：

这个问题没有固定的答案。每个开发者或开发者团队都会找到最适合他们的东西。

就我个人而言，我将脚本文件分解为逻辑块以进行开发。在部署应用程序时，我将所有脚本合并并压缩到一个文件中（我是一名 ASP.NET MVC 人员，因此我在版本 4 中使用了他们的捆绑机制）。

【讨论】：

【解决方案2】：

基本上这两个选项之间没有太大区别。只是不要忘记在你的身体标签结束之前添加脚本标签，以提高性能并保持你喜欢的编程。

【讨论】：

【解决方案3】：

对于 Web，可维护性通常胜过原始速度。这意味着，如果您的代码更易于维护，您最好包含 5 或 6 个 JS 文件而不是 1 个。

当然，如果在生产方面，您确实需要计算每个时钟周期和每个 KB 带宽，您可以缩小您的 JS、CSS 和 PHP 以实现这一目标。即使在生产站点上，我们大多数人也并不真正需要这种级别的性能，因此我们坚持使用更易于维护和更易于更新的性能。

【讨论】：