Lighthouse 网站性能报告，把技术工作变成客户看得懂的分数

关于核心网页指标的每一次讨论，最后都会落到同一个问题：是哪个页面？这份报告把两种测量放在一起回答它。真实用户数据是访客实际感受到的结果，也就是最大内容绘制、下一次交互延迟与累计布局偏移的 75 分位数值，对照 Google 自己的“良好”与“较差”分界线；实验室审计则是爬虫在受控条件下随时对每个网址测出来的结果，就在修复上线的那一天。前者说明网站是否达标，后者说明该负责的是哪个模板。

这种配对体现在“已审计页面”表格里：每个被抓取的网址都带着自己的四项分数，以及自己的实验室 LCP 与 CLS，一个环形图统计有多少页面完全达标、有多少需要改进、有多少不合格。“网站感觉很慢”这句话，就变成了一份指名模板、流量与具体指标的工单。Google 发布的属性级趋势和设备拆分放在 Search Console 报告里，这个页面则是它们背后的台架测试。

优化机会标签页列出审计发现了什么、修复它值多少：阻塞渲染的资源、预连接提示与服务器响应时间按毫秒计，超大图片、下一代格式、屏幕外媒体、未使用的 JavaScript、未压缩的 CSS 与缓存有效期按体积计。每一行都带着所属领域和一个由节省幅度推算出来的严重程度，让开发估算和代理商的优先级排序，能从同一份清单出发，而不是各看各的导出文件。

诊断信息放在旁边，作为解释而不是待办：DOM 大小、主线程工作量、JavaScript 执行时间、请求数量、传输体积、关键请求链、决定最大内容绘制的元素，以及绘制之后还在移动的元素。每一项都配有应该低于的目标值，以及一句说明为什么重要的话，这通常就是一份客户转发给自己开发人员就能用的报告，和一份带着一堆反问回来的报告之间的差别。

自动化无障碍检查按整改真正会被切分的方式分组：严重问题，比如没有标签的表单字段和没有替代文本的图片，与对比度不合格、链接没有名称这类重大问题分开；这些又和点按区域大小、标题顺序、焦点顺序这类中等问题分开。每一行都带着涉及的元素数量，让报价能从数量出发，而不是一句含糊的“会改善无障碍体验”。

报告刻意如实说明自动化检查能覆盖的范围。这些检查只能找出人工审查能发现的一部分障碍，界面上也这样写明，避免客户把一次干净的结果当成合规证明。用得好的话，这是成本最低的第一轮清理：先把机械性的错误清掉，留下一份记录着修了什么、什么时候修的证据，再让人工审查去处理小很多的剩余部分。

十项抓取与标记检查会以通过或不通过的清单形式呈现，每一项都配一句话说明抓取到的结果：标题元素、meta 描述、可被抓取的链接、canonical 声明、hreflang 标注、有效的 robots 文件、图片 alt 属性、可读的字号、点按区域间距，以及结构化数据的有效性。表格上方有一个总数，一眼就能看出十项里有几项干净、有几项还是待办。

这是页面层面的审计，不是索引报告，看的是爬虫能从页面上解析出什么，而不是 Google 最终选择保留了什么。两者回答的是不同问题，也放在不同地方，所以覆盖率、查询与展示次数留在 Search Console 报告里，这个页面只管标记。常见的做法是两边一起看：先修这里标出的问题，再在接下来几周观察覆盖率和排名的反应。

每一次审计都通过工作区里的客户切换器限定在单个客户上，并印着代理商自己的品牌，所以同一套结构既能撑起一月的评审，也能撑起六月的评审。评分、核心网页指标、优化机会、诊断、无障碍与技术检查，在每一次合作中都待在同一个位置，月度对比就变成把同一节读两遍，而不是去核对两份结构完全不同的文档。工作区提供的是评审界面，连接数据源仍然是单独的一步。

正是这种重复，才能让技术工作变成客户愿意续费的东西。开发人员看到的是一份按预计收益排序的修复清单；客户经理看到的是四个分数、一个健康分与背后的页面，而两个人看的是同一份报告。团队把时间花在决定接下来修什么，而不是重新搭一套演示排版，站点体检也就不再是那份没有人愿意动手写的交付物。