網站開發人員應該知道的61件事 之 性能

三、性能（Performance） 3.1 隻要有可能，就使用緩存（caching）。正確理解和使用HTTP caching與HTML5離線儲存。 3.2 優化圖片。不要把一個20KB的圖片文件，作為重複出現的網頁背景圖案。 3.3 學習如何用gzip/deflate壓縮內容（deflate方式更可取）。 3.4 將多個樣式表文件或腳本文件，合為一個文件，這樣可以減少瀏覽器的http請求數，以及減小gzip壓縮後的文件總體積。 3.5 瀏覽Yahoo的Exceptional Performance網站，裏麵有大量提升前端性能的優秀建議，還有他們的YSlow工具。Google的page speed則是另一個用來分析網頁性能的工具。兩者都要求安裝Firebug。 3.6 如果你的網頁用到大量的小體積圖片（比如工具欄），就應該使用CSS Image Sprite，目的是減少http請求數。 3.7 大流量的網站應該考慮將網頁對象分散在多個域名（split components across domains）。 3.8 靜態內容（比如圖片、CSS、JavaScript、以及其他cookie無關的網頁內容）都應該放在一個不需要使用cookie的獨立域名之上。因為域名之下如果有cookie，那麽客戶端向該域名發出的每次http請求，都會附上cookie內容。這裏的一個好方法就是使用"內容分發網絡"（Content Delivery Network，CDN）。 3.9 將瀏覽器完成網頁渲染所需要的http請求數最小化。 3.10 使用Google的Closure Compiler壓縮JavaScript文件，YUI Compressor亦可。 3.11 確保網站根目錄下有favicon.ico文件，因為即使網頁中根本不包括這個文件，瀏覽器也會自動發出對它的請求。所以如果這個文件不存在，就會產生大量的404錯誤，消耗光你的服務器的帶寬。