lighthouse

Google官方出品的自动化网页质量审计工具

安装使用

复制下面这段提示词发给你的 AI(Claude / Cursor / TRAE / Codex / WorkBuddy 等),它会自动帮你完成安装:

帮我安装这个 AI Skill:lighthouse。
它的用途是:Google官方出品的自动化网页质量审计工具
完整的 Skill 内容见:https://321skill.com/skills/lighthouse/raw/index.md
请读取该页面内容,如果是 SKILL.md 格式直接安装,如果是 README 提炼核心 prompt 后安装。

提示词包含完整的 Skill 内容链接,AI 读取后即可完成安装。你也可以 查看完整内容 确认无误。

使用示例

“帮我用 Lighthouse 审计一下 https://example.com 网站,重点关注性能和SEO,并生成一个HTML报告。” 它会调用 Lighthouse Skill,执行针对指定URL的审计,过滤出性能和SEO类别的检查项,运行完毕后将详细的HTML格式报告保存或呈现给你,其中包含各项指标的得分、具体问题和优化建议。

介绍

Lighthouse 是一款由 Google 开发的开源自动化工具,旨在帮助开发者系统性地评估和改进网页质量。它主要解决网页在性能、可访问性、搜索引擎优化(SEO)、最佳实践以及渐进式Web应用(PWA)等方面存在的潜在问题,通过自动化审计生成详细报告,为优化提供数据支持。

使用方式非常灵活,既可以通过命令行(CLI)直接对目标网址进行一键式审计,也可以作为 Node.js 模块集成到构建流程或测试套件中。用户只需提供目标 URL,Lighthouse 便会启动浏览器(如 Chrome)模拟访问,执行一系列预设的审计项目,并生成 HTML、JSON 或 CSV 格式的详细报告,直观展示各项指标的得分和具体改进建议。

它非常适合前端开发者、Web 性能工程师、质量保障(QA)人员以及关注网站用户体验和搜索排名的产品运营人员。无论是开发过程中的本地调试、持续集成(CI)环境中的自动化测试,还是对线上网站进行定期健康检查,Lighthouse 都能提供标准化的评估依据。

与许多第三方网页测速工具或浏览器插件相比,Lighthouse 的核心优势在于其官方背景、审计项目的权威性以及深度集成于 Chrome 开发者工具(DevTools)的生态。它提供的审计规则直接反映了 Google 所倡导的 Web 最佳实践,其性能评分(Performance Score)更是业界广泛认可的 Core Web Vitals 等关键指标的计算基础。

核心特点

作为 Google 官方维护的工具,其审计规则和评分标准与 Chrome 浏览器及搜索引擎的排名算法高度一致,具有行业权威性。同时,它提供了从命令行到 Node.js API 的完整工具链,可深度集成到自动化工作流中,而不仅仅是浏览器内的交互式工具。

注意事项

Lighthouse 的审计基于单次页面加载的模拟环境,可能无法完全反映真实用户在不同网络、设备和交互模式下的复杂体验,也不适合用于需要监控长期性能趋势或分析用户会话行为的场景。

常见问题

Lighthouse 报告中的性能分数是怎么计算的?

性能分数(Performance Score)主要基于 Core Web Vitals(LCP, FID, CLS)等关键用户体验指标,结合速度指数、首次内容绘制等多项度量综合计算得出,反映了页面加载性能的整体表现。

如何在无头服务器或 CI/CD 环境中运行 Lighthouse?

可以通过 Node.js API 或 CLI 配合 `--chrome-flags="--headless"` 参数在无图形界面的服务器上运行,通常需要预先安装 Chrome 或 Chromium。

给 AI 助手的安装指引

如果你的 AI 编程助手(Claude Code、Cursor、TRAE 等)能看到这个页面,把下面这段发给它即可自动完成安装:

请访问 https://321skill.com/skills/lighthouse/raw/index.md 读取 lighthouse 的原始 Skill 定义(Markdown 格式),按其中说明在我的环境里完成安装和配置。