在HTML页面中编写所有JavaScript是一种好习惯吗？

Question

我已经开发了一个网站，对于该网站，我有单独的html和javascript页面。我在html页面中包含多个“ .js”文件。这样做是一种好习惯还是应该将html页面中的所有代码合并？这将为我带来更好的性能。

Answer 1

这取决于您要寻找的种性能。

如果您将所有Javascript包括在页面本身中，则将在首次页面加载时为首次用户提供所有必要的服务，而不必为每个.js发出单独的网络请求。您经常在野外就经常看到这种情况，甚至在像Google这样非常受欢迎的网站上也是如此：在所提供的HTML中包含Javascript可能会导致更多的“浪费”带宽，因为内联<script>不能像{{ 1}}可以，但是如果带宽不是您担心的问题，并且您真的希望初次使用的用户能够尽快与站点进行交互，则将脚本放在内联中可能会有所帮助一点，尤其是在延迟是一个问题的情况下（尽管通常不是问题）。

这两种方法都是可行的。那说：

  

我在html页面中包含多个“ .js”文件

这意味着客户端将必须分别请求每个文件。您可能会考虑使用像Webpack这样的模块捆绑器，这样，您就只有一个大 .js可以为访问者服务，因此他们只需要提出一个额外的请求，而不是2个或2个请求。 3个或更多。

使用模块捆绑程序还有（通常）不污染全局范围的额外好处，单个.js通常会导致全局范围。