前端性能優化---35條黃金定律

1、網頁內容

1. 減小http請求次數
2. 減小http請求次數
3. 減小DNS查詢次數
4. 避免頁面跳轉
5. 緩存Ajax
6. 延遲加載
7. 提早加載
8. 減小DOM元素數量
9. 根據域名劃份內容
10. 減小iframe數量
11. 避免404
複製代碼

2、服務器

1. 使用CDN
2. 添加Expires或Cache-Control報文頭
3. Gzip壓縮傳輸文件
4. 配置ETags
5. 儘早flush輸出
6. 使用GET Ajax請求
7. 避免空的圖片src
複製代碼

3、Cookie

1. 減小Cookie大小
2. 頁面內容使用無cookie域名
複製代碼

4、CSS

1. 將樣式表置頂
2. 避免CSS表達式
3. 用```<link>```代替@import
4. 避免使用Filters
複製代碼

5、Javascript

1. 將腳本置底
2. 使用外部Javascript和CSS文件
3. 精簡Javascript和CSS
4. 去除重複腳本
5. 減小DOM訪問
6. 使用智能事件處理
複製代碼

6、圖片

1. 優化圖片
2. 優化CSS Sprite
3. 不要在HTML中縮放圖片
4. 使用小且可緩存的favicon.ico
複製代碼

7、移動客戶端

1. 保持單個內容小於25KB
2. 打包組建成符合文檔複製代碼