一个CSS文件与多个不同页面的文件

我有一个网站,其中所有页面具有相同的页眉和页脚,但内容之间有所不同.我估计30%的CSS对所有页面都是通用的,70%的变化.

对于不同的页面,使用一个CSS文件与多个文件的相对优势和劣势是什么?

解决方法

一个CSS文件的优点

>只需要一个HTTP请求来获取它,这可以改善大多数用户的第一页加载时间,并加快后续页面加载速度,特别是如果用户在访问期间访问多个不同的页面类型时.这也可以减少服务器负载.

多个CSS文件的优点

>减少带宽,特别是如果任何给定用户在访问期间不可能查看您网站上的许多不同页面类型(如果您的网站被划分为几乎完全不相关的子站点,则可能就是这种情况).请注意,多个CSS文件增加HTTP请求,尽管带宽节省可能实际上会降低现代连接的加载速度.

在大多数情况下,我通常赞成为网站提供一个CSS文件.

相关文章

Css3如何实现鼠标移上变长特效?(图文+视频)
css3怎么实现鼠标悬停图片时缓慢变大效果?(图文+视频)
jquery如何实现点击网页回到顶部效果?(图文+视频)
css3边框阴影效果怎么做?(图文+视频)
css怎么实现圆角边框和圆形效果?(图文+视频教程)
Css3如何实现旋转移动动画特效