javascript - 在html页面中编写所有javascript是一个好习惯吗？

Question

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

Answer 1

这取决于您正在寻找哪种性能。

如果您将所有 Javascript 都包含在页面本身上，那么初次使用的用户将在第一次页面加载时得到所有必要的服务，而不必为每个 .js 发出单独的网络请求。 .你在野外经常看到这种情况，即使在像谷歌这样非常流行的网站上也是如此:在提供的 HTML 中包含 Javascript 可能会导致更多的“浪费”带宽，因为内联 <script>不能像 .js 那样被缓存可以，但是如果带宽不是您担心的问题，并且您真的希望新用户能够尽快与该站点交互，那么将脚本内联会有所帮助，特别是当延迟是一个问题时(尽管通常不是)。

这两种方法都是可行的。也就是说:

I'm including multiple ".js" files in the html page

这意味着客户将不得不为每个 文件发出单独的请求。您可能会考虑使用像 Webpack 这样的模块 bundler ，这样您就只有一个大 .js改为服务于访问者，这样他们只需提出一个额外的请求，而不是 2 个或 3 个或更多。

使用模块打包器的额外好处是(通常)不会污染全局范围，个人 <script src s 通常会导致。