javascript - 动态加载/卸载 javascript 和 css 样式表有优势吗？

Question

背景:

我正在组建一个网站，该网站将使用 ajax 作为更改内容的主要方法。这样主框架和图像就不必在每次页面更改时不断重新加载。主框架有自己的 site.css 样式表。

问题 1:

将所有样式表信息放在一个样式表中是否值得？我认为这会使网站的模块化程度降低。每次添加/删除新页面或内容时，都必须更新 css(假设内容需要不同的样式信息)。

问题 1.1:

同样的问题，但使用 javascript。

问题 2:

如果拥有多个样式表是值得的(正如我认为的那样)，那么在不使用时卸载样式表是否有益。例如，我加载了 profile.php 页面，所以我动态加载了 profile.css。然后用户更改到 settings.php 页面，我卸载 profile.css 并加载 settings.css。这种持续的加载/卸载是否会影响性能甚至节省网站大小？

问题 2.1

与上述相同的问题，但适用于 javascript 函数。

Answer 1

一旦您的 javascript 或 css 文件被下载到机器上，它就会被浏览器缓存。因此，您不会因另一个 HTTP 请求而产生额外费用。延迟加载脚本和样式表可能是有意义的，但是一旦这些 Web Assets 已经发送到客户端就卸载它们是没有意义的。

最好使用某种机制来编译您的脚本和样式表，以将初始 http 请求减少到每种 Assets 类型一个。在许多情况下，只有一个样式表和一个 javascript 文件将是架构上的噩梦，但这并不意味着您仍然不能以这种方式将其呈现给浏览器。我使用 .NET，所以我不确定您如何在 PHP 中处理此问题，但我确定功能已经存在。