data: URI

　　data URI一个URL的特殊形式，直接把图片嵌入到HTML或者CSS里面。Data URIs可以作为img的src标签或者是CSS中background-image的url值。因为嵌入图片是基于base64编码的，所以他们需要更多的空间，好处是比之前的二进制图像少了一次HTTP请求。所以，当要嵌入的图片很小时，由于图片编码产生的大小往往被减少一次HTTP请求所抵消。

　　注：IE6和IE7都不支持 data URIs。

　　Image sprites

　　Image sprites在data URI不能用的时候会是一个很好的选择。image sprite是用很多小图像组合而成的一张大图片。一旦这个图片生成后，CSS就可以用来显示指定部分的图片。许多工具都是用来做这种图片的。

　　缺点是维护起来麻烦，当你要添加、删除或者修改一个图片时，你需要修改其对应的CSS。

　　Sprite Cow帮你获得sprites 的 background-position, width and height并生成一个可复制的css表。

　　删掉多余的字节 – 精简，优化，压缩

　　组合资源，减少访问次数可以有效的提升访问速度，除此之外，也应该精简向用户传递的数据。 精简，优化，压缩也是减少字节的通常做法。

　　JavaScript & CSS

　　JavaScript和CSS作为文本资源，可以通过去除浏览器中无关的代码实现精简。一般情况下，JS和CSS采用的方法是删掉多余的注释和空格。JS的精简更加复杂，一些人删掉命名规则中的不必要的部分，把变量的命名缩短，甚至有人用更短的代码替换较长的代码来实现。

　　UglifyJS，YUICompressor还有Google Closure Compiler是三个常用的JS精简工具。

　　YUICompressor and UglifyCSS是两个CSS精简工具。

　　Images Optimization

　　图片中包含一些数据，移除也不会影响视觉效果。清除这些数据需要专业的图片处理工具。我们的Francois Marier写了两篇博客文章讲解处理PNG图片和GIF图片。

　　Smush.it是雅虎的在线图片优化工具。OSX的离线工具ImageOptim也有同样的功能-将图片拖入，工具自动优化图片文件大小。ImageOptim还可以用处理后的小文件替换原始文件。

　　如果可以接受视觉效果的适度损失，高压缩比重新压缩图片也是可行的。