老鐵們,我胡漢三又回來了,最近掃黃比較嚴,然後我就出去避了避風頭, 今天我們來總結總結對前端進行性能優化的方法吧,這篇隨筆沒啥代碼,但是我總結了總結,看一下總歸是有點用的 1.減少http請求 a.CSS sprites(精靈圖),即合併圖片,減少圖片請求次數 b.CSS,JS源碼壓縮。 c.cdn ...
老鐵們,我胡漢三又回來了,最近掃黃比較嚴,然後我就出去避了避風頭,
今天我們來總結總結對前端進行性能優化的方法吧,這篇隨筆沒啥代碼,但是我總結了總結,看一下總歸是有點用的
1.減少http請求
a.CSS sprites(精靈圖),即合併圖片,減少圖片請求次數
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佈局要慢
暫時我就整理了這木多,等過兩天再想起啥我在添加