從7個方面總結的35條網站最佳化方法

標籤：避免   樣式表   載入   網域名稱   exp   document   inline   事件監聽   重新導向   

1.content方面

01) .減少HTTP請求：合并檔案、CSS精靈、inline Image

02) .減少DNS查詢：DNS查詢完成之前瀏覽器不能從這個主機下載任何任何檔案。方法：DNS緩衝、將資源分布到恰當數量的主機名稱，平衡並行下載和DNS查詢

03) .避免重新導向：多餘的中間訪問

04) .使Ajax可緩衝

05) .非必須組件消極式載入

06) .未來所需組件預先載入

07) .減少DOM元素數量

08) .將資源放到不同的域下：瀏覽器同時從一個域下載資源的數目有限，增加域可以提高並行下載量

09) .減少iframe數量

10) .不要404

2.Server方面

11) .使用CDN

12) .添加Expires或者Cache-Control回應標頭

13) .對組件使用Gzip壓縮

14) .配置ETag

15) .Flush Buffer Early

16) .Ajax使用GET進行請求

17) .避免空src的img標籤

3.Cookie方面

18) .減小cookie大小

19) .引入資源的網域名稱不要包含cookie

4.css方面

20) .將樣式表放到頁面頂部

21) .不使用CSS運算式

22) .使用不使用@import

23) .不使用IE的Filter

5.Javascript方面

24) .將指令碼放到頁面底部

25) .將javascript和css從外部引入

26) .壓縮javascript和css

27) .刪除不需要的指令碼

28) .減少DOM訪問

29) .合理設計事件監聽器

6.圖片方面

30) .最佳化圖片：根據實際顏色需要選擇色深、壓縮

31) .最佳化css精靈

32) .不要在HTML中展開圖片

33) .保證favicon.ico小並且可緩衝

7.移動方面

34) .保證組件小於25k

35) .Pack Components into a Multipart Document

從7個方面總結的35條網站最佳化方法