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加載、事件冒泡、一次重排等。

全局安裝和局部安裝。