javascript - 如果将前端代码分组有助于减少请求，为什么不将更多网站写在一个 html 文档上？

Question

我想我想问的是，如果将 JavaScript 分组被认为是一种好的做法，为什么没有更多的网站将 JavaScript 和 CSS 直接放入一个 HTML 文档中？

Answer 1

why don't more websites place the JavaScript and CSS directly into one HTML document

单个文件缓存。

• 外部文件具有被缓存的优势。由于脚本和样式很少更改(静态)和/或在页面之间共享，因此最好将它们与页面分开，使页面更轻便。

  与其下载 500kb 的嵌入 JS 和 CSS 的页面数据，为什么不加载 5kb 的页面，并从缓存中加载 495kb 的 JS 和 CSS - 为您节省 495kb 的带宽并避免额外的 2 个 HTTP 请求。

• 尽管您可以将 JS 和 CSS 嵌入到页面中，但页面很可能是动态的。这会让页面一直加载一个新副本，使得每次请求都非常繁重。

模块化代码

• 想象一个 WordPress 网站。它们是使用世界各地不同开发人员制作的大量小部件构建的。处理一个页面中塞满的那么多代码是可能的，但却是不可想象的。

• 如果某些代码短路或无法在您的站点上运行，则更容易删除链接外部文件的代码，而不是在页面上搜索相关代码并可能不小心从另一个代码中删除代码小部件。

关注点分离

• 将 HTML 与 CSS 和 JS 分开也是最佳做法。这样，您处理的就不是意大利面了。