更快地使用单个资源文件或单个文件?

时间:2011-09-22 02:08:59

标签: html css

创建这样的单个资源文件是否更快,包含多个图标/图像:http://static.ak.fbcdn.net/rsrc.php/v1/y7/r/ql9vukDCc4R.png或创建多个文件,每个文件中都有一个单独的文件。单个文件看起来会更快,因为你只需要下载一次文件,但是需要时间来调整CSS文件中每个类的背景位置CSS属性。我在这里有点失落,因为我看到不同的网站采用不同的技术,我想知道哪种方式最好。

1 个答案:

答案 0 :(得分:1)

这称为“CSS sprites”。只要单个文件不是那么大以至于减慢了网站的加载速度,那么它就是一种很好的技术。

如果这些是网站的主要UI项目,那么值得花时间在CSS位置对它们进行编码。代码并没有那么长的时间,而且很少有文件可以处理。

示例:http://skyje.com/2010/02/css-sprites/

示例:http://coding.smashingmagazine.com/2009/04/27/the-mystery-of-css-sprites-techniques-tools-and-tutorials/