前端性能優化的方法？ content方面 1，減少HTTP請求：合併文件、CSS精靈、inline Image 2，減少DNS查詢：DNS查詢完成之前瀏覽器不能從這個主機下載任何任何文件。方法：DNS緩存、將資源分佈到恰當數量的主機名，平衡並行下載和DNS查詢 3，避免重定向：多餘的中間訪問 4，使 ...
前端性能優化的方法？
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
以上就是我總結的前端性能優化方案，有其他好的方案可以留言哦！
