談一下你所知道的頁面性能優化方法？

• 請求數量——合併腳本和樣式表，CSS Sprites，拆分初始化負載，劃分主域
• 請求帶寬——開啓Gzip，精簡JavaScript，移除重複腳本，圖像優化
• 緩存利用——使用CDN，使用外部JavaScript和CSS，添加Expires頭，減小DNS查找，配置ETag，使Ajax可緩存
• 頁面結構——將樣式表放在頂部，將腳本放在底部，儘早刷新文檔的輸出
• 代碼校驗——避免CSS表達式，避免重定向

1. JavaScript 壓縮和模塊打包
2. 按需加載資源
3. 在使用 DOM 操做庫時使用 array-ids
4. 緩存
5. 啓用 HTTP/2
6. 應用性能分析
7. 使用負載均衡方案
8. 爲了更快的啓動時間考慮一下同構
9. 使用索引加速數據庫查詢
10. 使用更快的轉譯方案
11. 避免或最小化 JavaScript 和 CSS 的使用阻塞渲染
12. 用於將來的一個建議：使用 service workers + 流
13. 圖片編碼優化

14.對組件庫引用的優化，縮小引用範圍

 

更多請看 https://www.zhihu.com/question/40505685