資源壓縮
- 代碼合并壓縮
- 圖片壓縮
加載優(yōu)化
- ssr 首屏渲染矮燎，減少屏幕因為數(shù)據(jù)加載而閃動
- 懶加載
- loading占位圖定血，圖片加載之后再替換，避免影響頁面布局
- 滾動加載诞外，在內(nèi)容即將進(jìn)入視圖區(qū)域再加載澜沟，根據(jù) scrollTop 和 滾動內(nèi)容高度 clientHeight 的比較
請求優(yōu)化
- CDN，靜態(tài)資源文件分發(fā)網(wǎng)絡(luò)
- 可以從最近的服務(wù)器返回資源
- 域名發(fā)散峡谊，可以避免瀏覽器對同一域名下的最大網(wǎng)絡(luò)連接數(shù)的限制
- cookie優(yōu)化
- 減少cookie大小
- 設(shè)置過期時間
- 靜態(tài)資源請求可以與接口請求區(qū)分域名茫虽，避免帶上cookie
- redis緩存不常修改的接口數(shù)據(jù)
- HTTP緩存
- Cache-Control
- max-age
- Etag 與 if-none-match
- last-modified與if-modified-since
- Cache-Control
代碼
- dom操作
- 批量處理
- 動畫優(yōu)化
- 使用GPU硬件加速
業(yè)務(wù)
- 優(yōu)化業(yè)務(wù)流程
