如何管理css文件的最佳途径

Question

关于性能的问题。

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

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

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

Answer 1

将文件拆分需要浏览器做更多的请求 - 从长远来看，这可能比如果您为所有页面重复使用一个样式表要慢。一旦浏览器具有样式表，它将被存储在browsercache中。对于第一页之后的所有页面，浏览器将不需要下载样式表。最后，我认为这给用户带来了更好的体验。

希望这会有所帮助！

Answer 2

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

Answer 3

一个压缩文件可能是最快的。你想减少HTTP请求。也可以尝试将所有背景图片放入一个文件并使用css精灵。

Answer 4

这取决于网站的类型，

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

看看YSlow和Google Page Speed获取更多提示。

Answer 5

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