用途:在本地通过 Lighthouse 的 CLI、Node API 或 Lighthouse CI 运行网站性能审计,并对报告进行解析与解读,同时可设置性能预算用于质量把关。
主要能力:支持命令行快速审计(如 lighthouse https://example.com),可选仅性能模式(--preset=perf)、移动端或桌面端模拟(--form-factor)、节流方式(--throttling-method=devtools)、指定类别(--only-categories)以及无头 Chrome(--chrome-flags="--headless")。可输出 JSON 或 HTML 报告(--output、--output-path)。通过 budget.json 配置资源大小、资源数量与时间指标(如 interactive、first-contentful-paint、largest-contentful-paint)的预算,并用 --budget-path 应用。Node API 示例展示了用 chrome-launcher 启动 Chrome 后调用 lighthouse,读取 categories.performance.score 与 audits 中的 LCP 等指标。还给出 GitHub Actions 与 LHCI 的集成方式,包括 lhci wizard 生成 lighthouserc.js、lhci autorun 运行,以及用 assertions 设置分数与 Core Web Vitals 阈值。解析报告时可读取 performance、accessibility、seo 的 score 与 LCP、CLS、FCP、TBT 的 numericValue,并筛选未通过审计项;还提供与基线报告对比的脚本思路。
使用方式:先 npm install -g lighthouse(或 npm install -g @lhci/cli),按需运行审计命令;配置 budget.json 后添加 --budget-path;CI 中使用 treosh/lighthouse-ci-action 或 LHCI 配置。
适用场景:本地性能测量、PR 与主分支性能回归检查、性能预算验证、Core Web Vitals 指标解读。
限制:资料未提供具体价格、平台支持范围或效果保证;分数可能不一致,可通过多次运行(--number-of-runs=3)取中位数缓解;如遇 Chrome 找不到、超时或需鉴权,可分别设置 CHROME_PATH、--max-wait-for-load 或使用 --extra-headers、Puppeteer 脚本;其余细节暂未提供。