前端效能優化

1、盡可能減少http請求：合併（css sprites），js指令碼檔案合併、css檔案合併

2、減少dns查詢

dns查詢服務指網域名稱查詢，指將請求的網域名稱轉化為對應的ip位址，就如姓名和門牌號的關係。如輸入www.baidu.com dns系統會將此網域名稱轉化為119.75.217.109，然後將ip位址返回給瀏覽器，這個過程會花費一定的時間，影響頁面的載入，所以要盡可能減少dns查詢。

減少dns查詢的方法有：　快取 dns查詢可以改善頁面效能，大多數瀏覽器有自己的快取系統，快取時間又不一致，快取時間越長，dns儲存的時間越長。

當客戶端中的 dns快取都為空時(瀏覽器和作業系統都為空)， dns查詢的次數和頁面中主機名的數量相同。這其中包括頁面中 url、、指令碼檔案、樣式表、flash物件等包含的主機名。減少主機名的數量可以減少dns查詢次數。

3、將css放在頁面最上面，將js放在頁面最下面

4、壓縮js和css

減少檔案體積，去除不必要的空白符、格式符、注釋（即對**進行格式化）

5、把js和css提取出來放在外部檔案中

這一條要靈活運用，把js和css提取出來放在外部檔案的優點是：減少html體積，提高了js和css的復用性，提高日後的可維護性

缺點：增加了http請求，不過這一點可以通過快取來解決

什麼情況下將js和css寫在頁面內呢，可以分為幾種情況：js和css**比較少；這個頁面不怎麼會訪問

6、避免重定向

重定向就是使用者請求的頁面被轉移到了別的地方，瀏覽器向服務請請求乙個頁面，伺服器告訴瀏覽器請求的頁面已經被轉移到另外乙個頁面，並告知另乙個頁面位址，瀏覽器就再傳送請求到重定向的位址。這樣會增加伺服器和瀏覽器之間的往返次數，影響**效能。

7、移除重複指令碼

8、配置實體標籤etag

9、使用ajax快取

ajax的get和post方法：

只要是瀏覽器的get請求，瀏覽器都會使用快取，對於同一位址的請求，伺服器會傳送304狀態碼到瀏覽器，瀏覽器就會使用快取中的資料

post的請求每次都會被執行，瀏覽器不會快取

10、使用gzip壓縮

11、使用cdn(內容分發網路)

12、在css中避免expression表示式

13、新增expire/cache-control頭