如何管理css文件的最佳方法

Question

关于表现的问题。

我现在有一个包含不同CSS文件的Web项目（未压缩）。每个页面都包含所需的文件。

我正在考虑将所有样式定义放在一个文件中，压缩它，并将其放在标题中。

是什么促成了更好的表现？压缩一个文件（每个页面加载所有样式），或者拆分文件并只加载所需的文件？

Answer 1

将文件拆分将需要浏览器执行更多请求 - 从长远来看，这可能比放置一个可以重用于所有页面的样式表要慢。一旦浏览器具有样式表，它将存储在browsercache中。对于第一个之后的所有页面，浏览器不需要下载样式表。最后，我认为这可以提供更好的用户体验。

希望这有帮助！

Answer 2

我们通常会将所有CSS文件保持在开发状态，然后在部署时，我们将它们打包成一个文件，并在服务器上使用gzip压缩将它们压缩到客户端。

Answer 3

一个压缩文件可能会最快。您希望减少HTTP请求。还可以尝试将所有背景图像放入一个文件中并使用css sprites。

Answer 4

这取决于网站的类型，

• 如果它是一个内部网站，用户可能在网站上使用每一页，那么预加载所有的CSS将是最快的。
• 如果它是一个互联网网站，大多数用户点击几下就会消失，那么我会每页使用较小的css文件。

有关更多提示，请查看YSlow和Google Page Speed。

Answer 5

我正在一个我们正在使用未压缩的单独文件中的公共样式表的环境中工作，然后它们会自动合并并压缩到一个文件中。由于它是压缩的，显然它的大小和加载速度更快，但是当它只有一个文件时甚至更好，因为在获取样式表时只有一个连接到服务器（每个CSS文件需要1个连接）然后它将保持缓存状态用户浏览器。