用Data URIs来嵌入image的好处是能减少连接数,更少的连接数意味着更快的访问速度,和更低的服务器负载。
Rob Flaherty作了一个 Data URIs for css images的测试,将一个页面做成三个版本,分别对比他们的加载情况:
- 页面a:默认页面,1 css 1 js 31 images, 33 requests
- 页面b:css images作data URIs嵌入到css中,3 requests
- 页面c:css images作data URIs嵌入到另一个css中,放到页尾, 6 requests
结论:如预期般的,加载时间c<b<a,但是效果并不明显, 具体情况见这里

