一、性能指標:你的網站"體檢報告" ??
1. 核心Web指標(Google排名因素)
指標 | 全稱 | 優秀標準 | 優化方向 |
---|---|---|---|
LCP | 最大內容繪制 | ≤2.5s | 關鍵資源預加載 |
FID | 首次輸入延遲 | ≤100ms | 減少長任務 |
CLS | 累計布局偏移 | ≤0.1 | 預留圖片尺寸 |
測量方法:
// 使用web-vitals庫測量
import {getLCP, getFID, getCLS} from 'web-vitals';getLCP(console.log);
getFID(console.log);
getCLS(console.log);
2. 真實用戶監控(RUM)
// 上報性能數據
window.addEventListener('load', () => {const timing = performance.timing;const loadTime = timing.loadEventEnd - timing.navi