lighthouse ci

灯塔CI

概述

Lighthouse CI 是一套工具，可以尽可能轻松地连续运行、保存、检索和断言 Lighthouse 结果。

快速入门

要开始使用常见项目配置的 GitHub 操作，请将以下文件添加到您的 GitHub 存储库。请按照入门指南获取更完整的演练以及有关其他提供商和设置的说明。

.github/workflows/ci.yml

 name : CI
on : [push]
jobs :
  lighthouseci :
    runs-on : ubuntu-latest
    steps :
      - uses : actions/checkout@v3
      - uses : actions/setup-node@v3
        with :
          node-version : 18
      - run : npm install && npm install -g @lhci/[email protected]
      - run : npm run build
      - run : lhci autorun

特征

• 在每个 PR 旁边获取一份 Lighthouse 报告。
• 防止可访问性、搜索引擎优化、离线支持和性能最佳实践方面的倒退。
• 随着时间的推移跟踪性能指标和 Lighthouse 分数。
• 设置并保留脚本和图像的性能预算。
• 多次运行 Lighthouse 以减少方差。
• 比较站点的两个版本以查找各个资源的改进和回归。

文档

如果您已经熟悉持续集成并拥有现有流程，请从入门开始。

如果您不熟悉持续集成，请从 CI 简介开始。

• 持续集成简介
• 入门
• 建筑学
• 故障排除/常见问题解答
• 配置
• 服务器
• 版本控制策略

相关社区项目

由社区编写的使用 Lighthouse CI 的项目集合。如果您在开源项目中使用 Lighthouse CI，请打开 PR 将其添加到此处！

• Lighthouse CI GitHub Action - 使用 GitHub Actions 在每个 PR 上自动运行 Lighthouse CI，无需基础设施。

• Lighthouse CI Starter Example - 一个最小的示例存储库，您可以在从头开始时将其用作模板，并使用 create-react-app 提供适合初学者的快速入门指南。

• Lighthouse CI 比较操作 - Lighthouse CI Github 操作，将当前提交运行与祖先提交进行比较，并创建一个具有差异的对象和一个可用于不同目的的 Markdown 表。

社区指南

由社区编写的有关使用 Lighthouse CI 的非官方博客文章、教程和指南的集合。如果您已经编写了在项目中使用 Lighthouse CI 的指南，请打开 PR 将其添加到此处！

注意：这不是官方文档。我们鼓励您熟悉 Lighthouse CI 并在继续之前阅读入门指南。

• Integrate Lighthouse CI for static Website Generator - 一篇关于将 Lighthouse CI 与 Gatsby、Jekyll 等静态网站生成器集成的文章。
• 自动化 Google Lighthouse 审核并将结果上传到 Azure - 本文介绍了如何配置 Lighthouse CI 以针对网站运行，以及将结果上传到在本地和 Azure 中运行的 Lighthouse CI 服务器 Docker 容器。

贡献

我们欢迎为 lighthouse-ci 做出贡献！请阅读我们的贡献指南以开始使用。