## 3. 性能 * 如果有必要的话，实现缓存，请正确理解和使用[HTTP缓存](http://www.mnot.net/cache_docs/)。 * 优化图片。不要使用20K的图片作为平铺背景。 * 学习如何 [gzip/deflate 内容](http://developer.yahoo.com/performance/rules.html#gzip)（[deflate效果更好](http://stackoverflow.com/questions/1574168/gzip-vs-deflate-zlib-revisited)）。 * 合并样式表与脚本文件以减小浏览器链接数，同时提高 gzip 的压缩能力。 * 浏览[雅虎性能卓越的网站](http://developer.yahoo.com/performance/)，以及大量的指南，其中包含提升前端性能和YSlow工具（需要安装Firefox, Safari, Chrome 或 Opera）。此外，[Google page speed](https://developers.google.com/speed/docs/best-practices/rules_intro)([浏览器扩展](https://developers.google.com/speed/pagespeed/insights_extensions))也是一个性能分析工具，它同时可以优化你的图片。 * 对于小的如工具栏图片，使用[CSS Image Sprites](http://alistapart.com/articles/sprites)(参考最小化HTTP请求)。 * 访问量大的网站应该考虑[跨域拆分组件](http://developer.yahoo.com/performance/rules.html#split)。 * 静态内容（如图片、CSS、JavaScript及[不需要访问cookie的内容](http://blog.stackoverflow.com/2009/08/a-few-speed-improvements/)）应该放在一个单独的域下，因为域及其子域的每一个请求都会发送cookie。这里是使用内容分发网络（CDN）的一个很好的选择。 * 减少浏览器渲染页面所需的HTTP请求的总数量。 * 利用[Google Closure Compiler](http://developers.google.com/closure/compiler/)及[其他](http://developer.yahoo.com/yui/compressor/)压缩JS的工具。 * 确保网站根目录下有一个favicon.ico文件，即使在HTML中并没有提到它，[浏览器也会自动加载它](http://mathiasbynens.be/notes/rel-shortcut-icon)。如果你没有 /favicon.ico ，就会返回很多404错误，消耗服务器带宽。