包含多个<script> </script>的指南

Question

分解和包含多个文件的建议最佳做法是什么？

将脚本分解到/ modules / ..文件夹中的自己的.js文件是有道理的。在一种分离功能的OOP心态中。但是，这会导致对我的Web主机发出更多的http请求。

每一个只有几kb。拥有多个文件效率明显低吗？我也调查了head.js和script.js但似乎过度杀戮。

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

Answer 1

这个问题没有硬性和快速的答案。每个开发人员或开发团队都会找到最适合他们的东西。

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

Answer 2

基本上两个选项之间没有太大区别。为了提高性能，请不要忘记在正文标记结束之前添加脚本标记，并按照您的喜好进行编程。

Answer 3

说到网络，可维护性通常胜过原始速度。这意味着，如果使代码更易于维护，那么你可能最好包括5个或6个JS文件，而不是1个。

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