CSS压缩：技巧与工具（2）

CSS Sprites

CSS sprites背后的最初想法是减少HTTP请求的数量以加快页面的加载时间。Sprite实现这个目标的途径就是拼合多张图片到一个单独的图片文件中，通常是一个网格格式的图片。每个单独的图片通过切换大的sprite图片的background-position来显示。对于CSS代码来说，使用sprite技术可以大大的提高代码的重用度和可维护性，这会明显的减少CSS的代码量。

要了解更多关于CSS Sprites，请查看Chris Coyier在CSS-Tricks上的教程:

减少注释

我喜欢在代码里面使用注释。我添加的注释越多，我就能在视觉上更快的定位到代码中的不同的部分。然而，如果你需要使用少的资源来高度优化的CSS，过度的注释就会吃掉宝贵的字节。所以，试着去掉所有不必要的注释并重新格式化那些你必须要保留的注释到尽可能少的字节。

合理的字体类型(font-Family)

当文件大小成为一个大问题的时候，不要将替代字体包进你的font-famly中。去掉所有不必要的累赘，并将你的额外选项减少到一到两个。

之前:

#container{font-family:Palatino,Georgia,Times,serif;}

之后:

#container{font-family:Palatino,serif;}

关于字体，强烈推荐阅读一下玉伯写的《三谈 Web 默认字体》，文中提到的几篇文章也都值得我们去阅读和思考。