IT工程師數位筆記本

前言：對于一個前端開發工程師來說，提高網站性能方面是非常重要的，這可以更好的提高用戶體驗

如何進行網站性能優化

雅虎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