如何進行網站性能優化

如何進行網站性能優化

雅虎Best Practices for Speeding Up Your Web Site：

• content方面

  1. 減小HTTP請求：合併文件、CSS精靈、inline Image
  2. 減小DNS查詢：DNS查詢完成以前瀏覽器不能從這個主機下載任何任何文件。方法：DNS緩存、將資源分佈到恰當數量的主機名，平衡並行下載和DNS查詢
  3. 避免重定向：多餘的中間訪問
  4. 使Ajax可緩存
  5. 非必須組件延遲加載
  6. 將來所需組件預加載
  7. 減小DOM元素數量
  8. 將資源放到不一樣的域下：瀏覽器同時從一個域下載資源的數目有限，增長域能夠提升並行下載量
  9. 減小iframe數量
  10. 不要404

• Server方面

  1. 使用CDN
  2. 添加Expires或者Cache-Control響應頭
  3. 對組件使用Gzip壓縮
  4. 配置ETag
  5. Flush Buffer Early
  6. Ajax使用GET進行請求
  7. 避免空src的img標籤
• Cookie方面
  1. 減少cookie大小
  2. 引入資源的域名不要包含cookie
• css方面
  1. 將樣式表放到頁面頂部
  2. 不使用CSS表達式
  3. 使用不使用@import
  4. 不使用IE的Filter
• Javascript方面
  1. 將腳本放到頁面底部
  2. 將javascript和css從外部引入
  3. 壓縮javascript和css
  4. 刪除不須要的腳本
  5. 減小DOM訪問
  6. 合理設計事件監聽器
• 圖片方面
  1. 優化圖片：根據實際顏色須要選擇色深、壓縮
  2. 優化css精靈
  3. 不要在HTML中拉伸圖片
  4. 保證favicon.ico小而且可緩存
• 移動方面
  1. 保證組件小於25k
  2. Pack Components into a Multipart Document