web app 的技術參考 -- 來自 【百度移動建站指南】優化頁面性能

　　考慮到移動裝置和移動網際網路的特點，在進行移動網站的頁面開發設計時，一個總的原則是考慮使用者通路的效率，降低頁面加載時間。

從設計實作層面簡化頁面，不要放太多的圖檔、複雜的表達、動畫、視訊等等。

這個好了解，二進制資料太占流量。

資源合并及壓縮：比如将背景圖檔、導航圖檔等等作為一張圖檔，這樣隻需一次請求，而不是多次。

資源合并，隻用一次請求，解決問題。 壓縮，是将檔案大小降低，比如css，js去空白。

靜态資源（Css、Js、Image）懶加載

異步執行inline腳本

不懂，網上東西也不多，後續跟進。

避免重複的資源請求

最常見的就是，jQuery引用了好幾次。

縮小cooike

為什麼呢？寬帶占得過多，還是很消耗資源？

設定連接配接方式為keep-alive

減少DNS查詢

移動端可見區域是有限的，采用延遲加載方式

和上面“靜态資源（Css、Js、Image）懶加載”有什麼差別

開啟伺服器壓縮（gzip方式）

上面已經說過，有點多餘了

圖檔走CDN

少用動态gif圖

圖檔不适宜過多及過大

零碎圖檔使用css Sprite技術一次性下載下傳

避免使用bmp圖檔

圖檔壓縮

1. 要錢。 2.3.5.6 可以在背景用插件控制圖檔上傳的規格

減少HTML标簽，減少不必要的嵌套

廢棄table标簽

減少DOM深度

壓縮HTML，去掉注釋，空格換行等資訊

使用臨時變量或者數組存儲document.images及document.forms等集合資料

慎用with文法

使用AJAX緩存

避免eval及Function文法

避免使用inlineScript

異步、底部加載js

合并壓縮js

字元串連接配接使用數組的join方式

<b></b>

<b>本文轉自二郎三郎部落格園部落格，原文連結：http://www.cnblogs.com/haore147/p/5489802.html，如需轉載請自行聯系原作者</b>