網(wǎng)絡方面：

1、減少http請求（合并js/css文件、雪碧圖、使用base64表示簡單的圖片）；
2、減少資源體積（gzip壓縮、js混淆、css壓縮、圖片壓縮）；
3、緩存（DNS緩存、CDN部署與緩存、http緩存）；
4、移動端優(yōu)化（首屏加載優(yōu)化、慎用web字體）；

渲染及dom操作方面：

1、優(yōu)化網(wǎng)頁渲染（文件引用順序css/js、避免內(nèi)聯(lián)樣式）；
2、DOM操作優(yōu)化（多使用className、多事件代理、多使用css動畫、減少DOM操作、少使用css表達式）；
3、操作規(guī)范（img/iframe中src、css屬性為0省略單位、禁止圖片縮放、CSS減少重復多繼承）；
4、移動端優(yōu)化（長列表優(yōu)化、防抖和節(jié)流、~~~能力不足，待探究）；

數(shù)據(jù)方面：

1、圖片加載處理（預加載、 懶加載、首屏加載時進度條展示）；
2、異步請求的優(yōu)化（使用正常的json數(shù)據(jù)格式進行交互、數(shù)據(jù)緩存、數(shù)據(jù)埋點與統(tǒng)計）；

image.png