Google首页的CSS Sprite

如果你是一名Web Developer，而且还知道CSS Sprite这个词，请先去搜索一下，也许你正在使用这个技术，但只是不知道它的名字罢了。

刚才在Google搜索的首页，发现在body的onload里有这么一句：

if(document.images){new Image().src='/images/nav_logo3.png'}

那么来看看这个/file/UploadPic/20079/29/2007929213924854.png是个啥？

就是它：

这就是Google搜索的CSS Sprite应用。图片文件中基本上包含了Google搜索结果页面用到的所有图形。这些图形被放在了同一个文件中（使得即使看起来是多个图片，但连接数仍然为了1），而且在搜索首页预先加载，这样在搜索结果页面中就会更快速地将它们显示出来。

相关阅读：

网页优化之加速图片显示(CSS Sprite)