如何進行網站性能優化

1、content方面

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

2、Server方面

• 1. 使用CDN
  2. 添加Expires或者Cache-Control響應頭
  3. 對組件使用Gzip壓縮
  4. 配置ETag
  5. Flush Buffer Early
  6. Ajax使用GET進行請求
  7. 避免空src的img標簽

3、Cookie方面

• 1. 減小cookie大小
  2. 引入資源的域名不要包含cookie

4、css方面

• 1. 將樣式表放到頁面頂部
  2. 不使用CSS表達式
  3. 使用不使用@import
  4. 不使用IE的Filter

5、Javascript方面

• 1. 將腳本放到頁面底部
  2. 將javascript和css從外部引入
  3. 壓縮javascript和css
  4. 刪除不需要的腳本
  5. 減少DOM訪問
  6. 合理設計事件監聽器

6、圖片方面

• 1. 優化圖片：根據實際顏色需要選擇色深、壓縮
  2. 優化css精靈
  3. 不要在HTML中拉伸圖片
  4. 保證favicon.ico小並且可緩存

7、移動方面

• 1. 保證組件小於25k
  2. Pack Components into a Multipart Document