网站打开速度测试：从点击链接到首屏可见怎么记录

用户说“网站打开要很久”，通常是在描述等待画面的感觉。服务器已经返回数据，页面也可能仍是白屏；加载动画结束，主要内容也可能还没出现。网站打开速度测试需要先选定可观察的结束点。

把打开过程画成几个时间点

这些时间点不是可随意相加的几段独立耗时，其中不少指标从同一导航起点累计。也不要把 load 事件当作“所有用户都能完成任务”的统一标志。

FCP 与 LCP 分别说明什么

FCP 关注首次内容绘制；LCP 关注视口内最大内容元素的呈现时机。对于很多内容页，LCP 能帮助观察主要视觉内容何时出现，但它不保证选中的元素就是业务上最重要的按钮，也不表示页面从此完全可交互。具体定义可查 LCP 文档。

因此，报告指标要和画面一起看。页面很早显示一个加载骨架，不代表文章或商品已经可读；LCP 良好，也可能仍有后续交互迟钝。

怎样记录一次首访

1. 选用户实际进入的完整网址，记录手机或桌面、视口和网络。
2. 记录浏览器会话与缓存设置，将首访和回访分开。
3. 使用录屏或测试工具的画面序列观察内容出现顺序。
4. 把明显的视觉等待与主文档、样式、图片和脚本请求对齐。

WebPageTest 的入门文档介绍了首访、回访与 Filmstrip。画面序列适合判断页面显示顺序，仍需结合请求和浏览器记录解释原因。浏览器本地缓存关闭，也不能证明 CDN 是冷缓存。

用等待发生的位置决定下一步

导航后长时间没有收到文档，先看跳转、连接和服务端；文字先出现、主图很晚出现，查看图片请求的发现时间和下载；资源已经完成但画面卡住，检查主线程和渲染；画面能看但点击慢，另查交互处理。

复测时使用同一结束点。原来比的是主图可见，修改后却只报告文档请求耗时，就无法证明打开体验改善。若需要分析请求依赖，可继续看瀑布图与关键资源路径。