页面速度优化的正确顺序：先测量再动手

速度优化的第一原则：测量先于优化。凭感觉动手，十有八九在优化不重要的东西。

第一步：测什么

核心指标三个：最大内容渲染时间、首次输入延迟的替代指标、累积布局偏移。辅以首字节时间与整页加载。用真实用户数据为主，实验室数据为辅。

第二步：找瓶颈

渲染时间超标先查大图与字体加载；布局偏移查无尺寸声明的图片广告与动态插入内容；首字节慢查服务器与缓存。瓶颈永远只有一两个，找到它们。

第三步：按影响排序动手

图片压缩与懒加载通常排第一，收益覆盖六成场景；第二是关键渲染路径精简，推迟非关键脚本；第三是缓存与CDN。每做完一项重新测量，确认收益再进行下一项。

常见弯路

过度拆分文件、给小站上复杂加载策略、优化实验室分数而真实用户体验没变化。

验收标准

真实用户的核心指标达标率进入良好区间并稳定四周，这项工作才算结束。