每页加载一个css还是每页加载相同的css？答案

【问题标题】：load one css per page or same css for every page?每页加载一个css还是每页加载相同的css？
【发布时间】：2014-01-28 00:51:18
【问题描述】：

您认为最适合网站性能的是什么？每页加载不同的css（当然是缩小的），所以这个文件中不会有任何未使用的css规则，或者在网站的每个页面中加载相同的大（也缩小）css？这个问题似乎很明显，但我想知道浏览器缓存......如果浏览器缓存中加载了大 css，它不会在每个页面中重新加载，不是吗？因此，也许最好有很多未使用的 css 规则，但每次都不会重新加载一个文件，而不是在您浏览网站时我们必须加载多个文件。

谢谢！

【问题讨论】：

如果我错了，请纠正我。 CSS 不是在浏览器历史记录中存储为缓存。因此，一旦他们转到一个页面，它就会存储，即使转到下一页它仍然存在？我又可能错了。
是的，如果客户端浏览器设置允许，CSS 文件会缓存在客户端。
问这个问题的另一种方式是将单个文件@import 到一个 master.css 文件中是个好主意。那是另一个问题。

标签： html css performance

【解决方案1】：

最好有一个包含所有规则的大型缩小 css，这样可以减少浏览器尝试与服务器建立的连接数量，并且每个请求只缓存一个 css。

实际上这是大多数缩小工具所做的，它们将所有文件压缩到一个 CSS 文件中，用于整个应用程序。

另一种提高性能的方法是使用内容交付网络 (CDN) 从 Internet 加载常见的 CSS 或 JS。

【讨论】：