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 做出貢獻！請閱讀我們的貢獻指南以開始使用。