是否有理由不将主 css 文件嵌入到网页中？答案

【问题标题】：Is there a reason not to embed the main css file into the web page?是否有理由不将主 css 文件嵌入到网页中？
【发布时间】：2013-02-09 06:15:06
【问题描述】：

我正在尝试优化网页的首次加载时间和缓存加载时间。但我仍然要求浏览器重新验证所有资源，以确保我永远不会因为缓存而出现奇怪的显示或更新问题。

所以目前加载我的页面总是需要两个请求：一个用于 HTML 文件，一个用于 CSS 文件，然后才会显示任何内容。

对于这两个文件，等待时间都在150ms左右，而传输时间在5ms左右，非常低。

所以我一直在考虑将我的 mais css 文件嵌入到网页中。

这不是学术方法，但我认为这会将加载速度乘以 2，只需要一个请求即可加载页面。

我有理由不这样做吗？

【问题讨论】：

【解决方案1】：

如果您为您的网站设置构建脚本，则可以两全其美。所以基本上在您的本地文件系统中，您可以将 css 文件分开，使其更便携，更易于维护等。但是同时，您的构建脚本将您的 css 和其他静态文件（即 js）嵌入到您的 html 页面中，以避免您所谈论的内容（即与服务器的冗余连接）..

【讨论】：

【解决方案2】：

可移植性，即更改一个 .css 文件并通过引用该 css 更改多个 .html 文件的能力。

但是，如果您的 css 仅用于该页面，我认为将其包含在同一个文件中是一个很好的理由。

【讨论】：