在线托管 Lighthouse 报告,让评审比 CI 任务活得更久

Lighthouse HTML 是走读性能、无障碍与 SEO 审计最清晰的方式。ReportArk 在可分享 URL 后完整保留这个查看器。

Lighthouse 风格的性能报告预览

生成可上传的 Lighthouse HTML 包

无论你在 Chrome DevTools、CLI 还是 Lighthouse CI 中运行,最终都要得到 HTML(或包含 HTML 的产物),并把相关文件一起交付。

  • CLI 或 CI 输出 HTML
    使用 lighthouse <url> --output=html --output-path=./lh-report.html,或在 Lighthouse CI 中配置 HTML 输出。若流水线在 HTML 旁还写了 JSON,建议按目录打包。
  • 本地保留引用资源
    若导出是自包含的单 HTML,将其作为 index.html 打进 zip。若运行还生成了附属资源,请放在同一压缩包根目录。
  • 上传并发送评审链接
    ReportArk 解压 zip,经应用私有回流提供访问,并在流水线日志消失后仍能让干系人打开同一链接。
为性能评审而设计

分数好粘贴,审计项不好粘贴

聊天里只丢一个 Performance 分数,会丢掉优化机会树、第三方影响和前后对比时间轴。托管 HTML 报告能在排期时保留完整审计叙事。

01

审计项保持可点击

展开失败审计、在类别间跳转,沿用工程师已经熟悉的 Lighthouse 导航。

02

发布门禁用得上的稳定链接

把 ReportArk URL 挂到 PR 或发布单。可选密码保护预发地址,而不强迫每位查看者登录你们的 CI。

03

评论对着结论,而不是截图

在失败的审计旁指定负责人和截止时间,讨论始终贴着发生变化的指标。

常见问题

Lighthouse 托管相关问题

该上传什么、评审者会看到什么。

1

ReportArk 会重新跑 Lighthouse 吗?

不会。它只托管你已生成的 HTML(及相关静态文件)。站点变更后请在自己的流水线中重新测量。

2

可以只分享 JSON 吗?

仅有 JSON 并不是查看器。请上传 HTML 报告(或包含 index.html 的压缩包)。若仍需机器可读 diff,把 JSON 留在 CI 产物中即可。

3

Google 会收录我的 Lighthouse 结果吗?

报告页均为 noindex。请用分享链接给团队和客户;不要依赖搜索引擎发现报告内容。

4

和 gist / 对象存储有何不同?

公开桶和 gist 很容易过度分享,也难在上下文中讨论。ReportArk 把私有交付、可选密码与登录评论放在同一产品界面。

给下一次性能评审一个固定落点

导出 Lighthouse HTML,上传一次,让需要补齐缺口的人随时回到完整审计。