手機端性能優化

(5)、前端開發性能優化(我的總結建議)：

1、單個文件大小不要超過14KB；插件不要超過25KB。

2、優先選擇使用字體圖標，非要用上圖片的話，就使用CSS Sprite方法。同時，將整合到一張圖片的圖標集合和在網站或webapp不經常使用的圖片進行壓縮。

3、seo優化問題：咱們常寫代碼時會常常忽略這個標籤會帶上title,alt等這些能夠填上關鍵詞的地方，這個是必需要說明下，不過在手機端的話，這個好像還真用不上吧。

4、CSS，JS文件儘可能以合併的方式，少以分開來寫樣式。

5、利用CDN技術，減輕空間資源；對企業來說，這個風險有點大；但手機用戶的網絡差時會出現文件不能及時加載等問題。

6、圖片多使用PNG8來達到優化效果。

7、少對圖片進行硬性設置寬高。

8、減小頁面請求：css,js,圖片數量的多少會對請求有影響；同時要注意class類組合通常狀況下不要超過4個，超過的儘可能以取個新的class類名來定義會好點。

9、減小DOM訪問次數，加載數量多了就影響訪問速度。

10、不要出現404頁面，避免重定向。

11、減小cookies體積，設置合理的過時時間。

12、緩存ajax，用get方式提交；form以post方式提交。