前端效能優化的方法？

前端效能最佳化的方法？

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

##以上就是我總結的前端效能優化方案，有其他好的方案可以留言喔！

以上是前端效能優化的方法？的詳細內容。更多資訊請關注PHP中文網其他相關文章！