老鐵們,我胡漢三又回來了,最近掃黃比較嚴,而後我就出去避了避風頭,javascript
今天咱們來總結總結對前端進行性能優化的方法吧,這篇隨筆沒啥代碼,可是我總結了總結,看一下總歸是有點用的css
1.減小http請求前端
a.CSS sprites(精靈圖),即合併圖片,減小圖片請求次數java
b.CSS,JS源碼壓縮。緩存
c.cdn託管性能優化
d.數據緩存服務器
e.圖片服務器佈局
2.前端模板JS+數據,減小因爲HTML標籤致使的帶寬浪費,前端用變量來保存AJAX的請求結果,每次操做本地變量,不用再去請求,減小請求次數性能
3.用innerHTML代替DOM操做,減小DOM操做次數,優化javascript性能優化
4.當須要設置不少樣式時設置className而不是直接操做style
5.少用全局變量,緩存DOM節點查找的結果,減小IO讀取操做
6.避免使用CSS Expression(css表達式)又稱Dynamic properties(動態屬性);
7.圖片預加載,將樣式表放在頂部,將腳本放在底部 加上時間戳
8.避免在頁面的主體佈局中使用table,table要等其中的內容徹底下載以後纔會顯示出來,顯示比div+CSS佈局要慢
咋回事,我回來看了看怎麼連個評論的人都沒有,是我寫的不足以獲得大家的推薦和評論是吧!!!!!
來,讓開,我要放大招了,看了個人大招你要還以爲不值來砍我好吧
是否是以爲上面好多,有種臣妾記不住的感受是吧,莫慌,來送你個個人獨家口訣,看完口訣再記不住你來砍我!記住了求個推薦可好
請模代樣,果態預表
那你可能會問這口訣是什麼東西,咋一點用沒有啊,別慌寶貝,來我給你講解講解你就懂了,保準你再也忘不掉
我請了一個模特來代替個人樣子,國家平了我都有錢買玉(預)表啦。