链接到外部CSS文件时大型网站的常见做法?

时间:2011-03-25 08:45:13

标签: html css

让我们说我有10-20个网页相同的模板不同的内容区域我是否使用一个样式表或主要样式表作为模板,并为每个额外的网页使用单独的样式表?大型企业网站也做了什么(foxnews,google,cnn)?如果你有一个来源或文章我会非常感激。感谢

1 个答案:

答案 0 :(得分:3)

如果您有一个CSS文件,它将被下载一次并由用户浏览器缓存。因此,它将比每页的单个样式表略大,但您删除了其他HTTP请求。

即使你开发了几种样式表(通常是布局,排版,颜色),通常的做法是将它们组合起来并将它们缩小以便生产,这样你就可以有一个HTTP请求。

如果您在主页上表现出超级棒的表现,例如Google,您可能会选择非常激进地编写您的网页 - http://www.stevefenton.co.uk/Content/Blog/Date/201008/Blog/Google-Deliberately-Write-Awful-HTML/

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

拥有单个样式表的另一个好处是,您不太可能在多个位置复制规则 - 如果每个页面都有其他样式表,那么类似的规则可能会渗入其中的几个 - 并且当您有要更改6个样式表进行一次更改,这相当于首先没有样式表。

雅虎推荐在他们的“速度最佳实践”指南中使用单一的组合样式表:

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