前端性能優化

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

有其餘好的方案能夠留言，互相學習哦