1.動態網頁靜態化
2.mustache前端模版引擎
3.大圖并發加載/模糊圖替換
4.懶加載
5.緩存,http緩存。
6.加載defer
7.fragment,/一次重排。
8.事件冒泡。
9.正則回溯。
10.js單次100ms。
11.web workers__..orm..
12.ajax數據類型。
13.統計,beacon
公共模塊的開發。
不可行:1.前后端完全分離。----成本太高,需要項目幾乎完全的重構。
可行:1.職責分離,盡量所有前端工作都由前端來做,避免前端使用更高的成本來修改優化,若遇到非常著急的極端情況,可以考慮優先完成整體布局和功能,細節(精確到像素)延后調整。
2.前端代碼優化,css代碼寫在單獨的一個.css文件,完成編寫后經過工具壓縮處理再引用到頁面。
3.前端代碼優化,js代碼盡量模塊化編寫在一個單獨的js文件(無法使用commonjs),抽象出公用模塊,完成編寫后經過工具壓縮處理再引用到頁面。
4.前端代碼優化,圖片加載處理、懶加載、ajax數據類型、頁面緩存、js defer加載、事件冒泡、一次重排等。
全局安裝和局部安裝。