## 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錯誤，消耗服務器帶寬。