当链接到外部CSS文件时，大型网站中的常见做法？

Question

假设我有10-20个网页，相同的模板，不同的内容区域，我是为模板使用一个样式表还是主样式表，并为每个额外的网页使用单独的样式表？另外，大型企业网站(foxnews，google，cnn)都做些什么？如果你有一个来源或文章，我将不胜感激。谢谢

Answer 1

如果你有一个单独的CSS文件，它将被下载一次，并被用户浏览器缓存。因此，它将比每页的单个样式表稍大一些，但是您删除了额外的HTTP请求。

即使您开发了几个样式表(通常是布局、排版、颜色)，典型的做法是将这些样式表组合在一起，并将它们缩小以用于生产，这样您就有了一个HTTP请求。

如果你追求超棒的性能，比如谷歌的主页，你可以选择非常激进的方式来编写你的网页-- http://www.stevefenton.co.uk/Content/Blog/Date/201008/Blog/Google-Deliberately-Write-Awful-HTML/

但总的来说，一个样式表是一个很好的目标。

拥有单个样式表的另一个好处是，您不太可能在多个地方复制您的规则-如果每个页面都有额外的样式表，很可能会在其中的几个页面中潜入类似的规则-当您必须更改6个样式表才能进行一次更改时，这相当于一开始就没有样式表。

Yahoo在他们的“速度最佳实践”指南中推荐了一个单一的组合样式表：

http://developer.yahoo.com/performance/rules.html