前端性能优化：从“龟速“到“闪电“的终极加速指南

一、性能指标：你的网站"体检报告" 📊

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