📍 WDQWDWQD987AAAAA:216.73.216.238
📱 Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; +claudebot@anthropic.com)
🔗 /d5763925c46c.html
📄

网站性能优化方法开始操作前怎样保存基线

开始做网站性能优化前，基线应该保存为一组“可重复采集、带时间戳、能对比”的原始数据，而不是只截一张性能评分图。对第一次接触这个问题的人来说，最关键的一步是：先固定测试条件，再把改动前的指标完整记录下来。基线的作用不是证明网站慢，而是让后续每一次优化都有明确的比较起点。

先确定基线要记录哪些指标

网站性能优化的基线至少应包含三类数据：加载性能、资源体积、服务端响应。具体可选择以下项目：

• 首字节时间（TTFB）：反映服务器和网络链路的基础响应。
• 最大内容绘制（LCP）：反映主要内容何时可见。
• 累积布局偏移（CLS）：反映页面加载过程中的视觉稳定性。
• 总请求数与总传输体积：按 HTML、CSS、JavaScript、图片、字体分类记录。
• 关键接口响应时间：如果页面依赖后端数据，单独记录接口耗时。

不需要一次记录所有指标。第一次接触时，选择 3 到 5 个与当前问题最相关的指标即可。例如页面打开慢，优先记录 TTFB、LCP、总传输体积；页面加载后跳动，优先记录 CLS 和字体、图片加载顺序。

固定测试条件，避免基线不可比

基线不可比，通常不是数据本身有问题，而是采集条件变了。保存基线时要同时记录以下条件：

1. 测试设备与网络：桌面还是移动设备，是否使用限速模拟，具体档位是多少。
2. 测试位置：同一城市或同一网络环境，避免跨地区差异。
3. 测试时间：记录具体日期和时段，便于识别流量高峰与低谷。
4. 页面状态：是否登录、是否命中缓存、是否经过 CDN。
5. 工具版本：浏览器版本、测试工具版本或命令行参数。

假设你在本地用同一浏览器、同一网络、同一页面地址连续测试三次，得到 LCP 分别为 3.2 秒、3.0 秒、3.4 秒，可以取中位数 3.2 秒作为基线，而不是只取最好的一次。若三次差异超过 30%，说明测试条件不稳定，应先排查缓存、网络波动或后台任务，再重新采集。

把基线保存成可复查的文件

保存基线不是把数字记在聊天记录里。建议建立一个独立目录，按日期存放原始结果和摘要。每次采集至少保留：

• 原始报告文件，如 JSON、CSV 或导出的测试结果。
• 一张摘要表，写明指标名称、数值、采集时间、测试条件。
• 一份页面快照或截图，标注采集时的页面状态。
• 一段简短说明：当前已做过的改动，以及本次采集的目的。

如果使用命令行工具，可以把结果输出到文件，例如用 npx lighthouse https://example.com --output json --output-path ./baseline/2025-01-01.json。这里的网址、日期和路径只是示例，实际使用时替换成你自己的页面和目录。保存后不要覆盖旧文件，新增日期文件即可。

改动前后对比时要注意什么

基线保存完成后，每次优化只改一个主要变量，再按相同条件重新采集。对比时不要只看单个数字，要同时看变化方向和波动范围。例如基线 LCP 中位数为 3.2 秒，改动后三次测试为 2.8 秒、2.9 秒、3.1 秒，中位数 2.9 秒，可以认为有改善；若改动后为 2.7 秒、3.5 秒、3.3 秒，中位数 3.3 秒，则不能仅凭一次 2.7 秒判断优化有效。

还要考虑季节、搜索需求变化和采集差异。流量结构变化、缓存策略调整、第三方脚本更新，都可能让前后数据不可直接比较。遇到这种情况，应记录变化原因，必要时重新建立新基线，而不是强行与旧数据对比。

维护基线的最小习惯

基线不是一次性的。每次上线较大改动前，重新采集一次；每次改动后，按相同条件复测一次。若网站结构、CDN、后端接口或主要第三方脚本发生变更，也应更新基线。维护时只需保留最近几次关键记录和对应的改动说明，避免文件过多导致无法追溯。

下一步可以这样做：选一个你正在关注的页面，固定设备、网络和测试时段，连续采集三次，取中位数写入摘要表，并把原始报告按日期存好。完成这一步后，再开始第一项性能优化。