页面体验与核心 Web 指标：速度优化实操指南
加载速度既是排名因素也是转化因素。本文围绕 LCP、INP、CLS 三项核心指标给出可落地的优化动作。
页面慢一秒，跳出率涨一截。核心 Web 指标（LCP、INP、CLS）把「体验」变成了可测量的数字，也是搜索引擎的排名参考因素。
一、LCP：最大内容渲染时间（≤2.5s）
- 首屏大图压缩并转 WebP/AVIF，尺寸与显示尺寸匹配；
- 关键 CSS 内联，非关键 CSS 异步加载；
- 启用 CDN，缩短资源网络距离；
- 首屏内容不依赖慢接口，必要时服务端直出。
二、INP：交互响应（≤200ms）
- 延迟加载非首屏 JS（defer/async）；
- 拆分长任务，避免主线程阻塞；
- 减少第三方脚本数量（统计、客服、广告各留一个）；
- 图片懒加载，但首屏图不加 lazy。
三、CLS：布局稳定性（≤0.1）
- 图片与视频声明 width/height；
- 字体加载用 font-display: swap 并预留空间；
- 广告与横幅预留固定位置，不突然插入；
- 避免在已有内容上方动态插入元素。
四、WordPress 站点的快速动作
- 开启页面缓存（如 WP Super Cache）；
- 图片懒加载 + 压缩插件组合使用；
- 精简插件，停用不用的；
- PHP 版本升级到 8.x，性能显著提升。
优化后用真实设备 + 弱网环境复测，实验室数据好不等于用户体验好。