lighthouse是google官方推出的免费网页性能评估工具，支持chrome开发者工具内置版、浏览器扩展版和命令行版三种使用方式，自动测算lcp、fcp、cls等核心指标并提供优化建议。
直接用 Chrome 浏览器就能生成专业级网页性能评估报告，Lighthouse 是 Google 官方推出的免费工具，支持三种互不依赖的使用方式：开发者工具内置版、浏览器扩展版、命令行版。核心指标如 LCP（最大内容绘制）、FCP（首次内容绘制）、CLS（累积布局偏移）都会自动测算，并附带可落地的优化建议。
通过 Chrome 开发者工具一键启动
这是最常用、无需安装的方式，适合日常快速检测：
- 打开目标网页后，按 F12 或右键选择“检查”，调出开发者工具
- 点击顶部标签栏的 Lighthouse（旧版可能显示为“Audits”）
- 左侧面板中勾选 Performance，设备类型推荐选“移动设备”，并启用 Slow 4G 网络节流
- 点击“生成报告”按钮，Lighthouse 会自动刷新页面并完成完整加载周期分析
- 约 30–60 秒后，报告以可视化界面呈现，含得分、指标详情和逐条优化提示
用官方扩展快速复用检测流程
适合不熟悉 DevTools 的用户，或需跨多个网页高频检测的场景：
- 前往 Chrome 网上应用店，搜索“Lighthouse”，认准发布者为 Google LLC 后安装
- 安装完成并刷新目标页，在浏览器右上角找到蓝色灯塔图标
- 点击图标，在弹窗中保持默认设置，或手动勾选 Performance 等维度
- 点击 Generate report，插件将接管当前标签页执行审计
- 分析结束后，自动在新标签页打开独立 HTML 报告，含图表与可操作建议
用命令行批量测试与集成 CI/CD
面向开发者，支持参数化配置、多网址扫描及自动化归档：
- 确保已安装 Node.js 18.0+ 和 npm，运行
npm install -g lighthouse全局安装 - 基础命令示例：
lighthouse https://example.com --output=html --output-path=./report.html --view --emulated-form-factor=mobile - 可添加
--locale=zh-CN生成中文报告，--only-categories=performance聚焦性能维度 - 支持导出 JSON 或 HTML，便于脚本比对、历史趋势分析或接入持续集成流程
报告关键指标怎么看
生成的报告中重点关注三类用户体验核心指标：
- LCP（最大内容绘制）：反映首屏主要内容何时渲染完成，理想值 ≤2.5 秒
- FCP（首次内容绘制）：标记浏览器首次渲染任何文本、图像等内容的时间，目标 ≤1.8 秒
- CLS（累积布局偏移）：衡量页面加载过程中视觉元素意外位移的程度，得分越低越好，建议 ≤0.1
每项指标下方都附有具体成因说明（如未压缩图片、阻塞渲染的 JS、缺少尺寸属性等）和修改建议，可直接对照优化。
