我們可以從下面三個(gè)方面考慮：
- 監(jiān)控平臺(tái)建設(shè)，如數(shù)據(jù)分析平臺(tái)
- 指標(biāo)采集及上報(bào)，如埋點(diǎn)js的開發(fā)
- 性能優(yōu)化的流程
性能優(yōu)化的常見指標(biāo)
- 加載：如首屏?xí)r間、白屏?xí)r間、渲染時(shí)間，我們可以認(rèn)為，首屏?xí)r間=白屏?xí)r間+渲染時(shí)間，可以使用阿里推出的秒開率測(cè)試
- 交互：指標(biāo)首次輸入FID，視覺變化率psi
- 視覺方面，視覺穩(wěn)定性cls衡量
影響性能的有哪些
1.本地緩存，如強(qiáng)緩存expires,cache-control,協(xié)商緩存last-modify/etag
2.dns查詢時(shí)間
3.http請(qǐng)求，主要是阻塞
4.服務(wù)起處理階段，如緩存、重定向、Gzip等
5.頁面渲染階段，主要耗時(shí)，dom tree 和cssom tree 合并render tree的重繪和回流，還有布局瓶頸
