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

Question

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

Answer 1

为什么没有更多的网站将 JavaScript 和 CSS 直接放入一个 HTML 文档中

单独的文件缓存。

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

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

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

模块化代码

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

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

关注点分离

• 将 HTML 与 CSS 和 JS 分开也是最佳实践。这样，您面对的就不是意大利面条了。