网站速度优化系列的这一篇,我们来谈谈CSS文件的优化。使用CSS文件不仅在网站设计的时候提高效率,在用户浏览的时候也可以加快显示的速度,因为.css文件是缓存到本地的磁盘上,这样每打开一个页面就就不用重新下载css文件。CSS+DIV是现在网站设计的主流,它的效率比以前使用的table标签高很多,现在我们还可以进一步对其进行优化,使网站更加简洁快速。

首先,尽量将分开的代码紧凑的放在一起。比如:

margin-top: 10px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 20px;

应该改成:
margin: 10px 20px 10px 20px;
这段代码:

A paragraph of decorated text

Second paragraph

Third paragraph

Forth paragraph


应该改成:

A paragraph of decorated text

Second paragraph

Third paragraph

Forth paragraph

其次,使用像CleanCSS这样的CSS优化工具,可以合并类似的属性,去除没用的项和回车空格等。

原文:Speed Up Your Site: Optimize your CSS
译文:网站速度优化系列:CSS优化
翻译:sorryle

网站速度优化系列:
1. 图片优化
2. 图片格式
3.CSS 优化
4. 链接地址细节优化
5. 使用width和height标签
6. 减少HTTP请求