提供大型CSS文件

Question

我有一个大约50k的大缩小CSS文件，约有30页参考。

将CSS分成一个基本文件，每个页面使用单独的CSS文件会显着减少加载时间，还是服务一个大文件几乎相同？谢谢。

Answer 1

我不完全确定你的意思，但服务一个大文件并正确缓存它绝对是要走的路 - 理想情况下，每个客户端只会产生一个HTTP请求。

Answer 2

50k确实不是那么大 - 特别是对于大多数人的互联网连接。

我会保留单个文件，因为：

1. 您只需要一个HTTP请求即可加载整个CSS
2. 只要访问过一个页面，就会为整个网站加载CSS（这对于进一步浏览很有帮助）

类似的主题是sprite sheets的使用 - 这与使用多个图像的一个大文件在当今的许多小图像中有利的基本相同。

Answer 3

假设每个页面都使用了大部分css，那么提供服务的理想方式就是作为一个大文件。 HTTP请求需要花费时间，因此页面请求的几个小文件需要一段时间才能加载，更不用说同时连接数上限了。其次，更重要的是，正确的缓存意味着他们只需要下载整个文件一次。

Answer 4

是的，为每个页面分隔它们会减少每个页面的加载时间，因为每个页面只会拉动它所需的css。