需确保环境就绪、路径明确、参数适配，可通过chrome devtools内置面板（最直接）、chrome扩展程序（备用方案）或命令行工具（高级自动化）三种方式启用并配置lighthouse开展前端性能测评。
如果您希望在谷歌浏览器中启用并正确配置Lighthouse以开展前端性能测评，则需确保环境就绪、路径明确、参数适配。以下是完成Lighthouse配置与启动的多种可行方式：
一、通过Chrome DevTools内置面板启用
这是最直接、零依赖的配置方式，适用于日常开发调试和快速性能快照。Lighthouse已深度集成于Chrome（版本≥60），无需额外安装插件或命令行工具，所有配置均在图形界面中完成。
1、打开谷歌浏览器，访问任意待测网页（如https://example.com）。
2、按下 F12 或 Ctrl+Shift+I（Windows/Linux） / Cmd+Option+I（macOS）调出开发者工具。
3、在顶部标签栏中查找 Lighthouse 标签；若未显示，点击右上角 » 图标，在“更多工具”中启用。
4、在Lighthouse面板中，勾选所需审计类别：性能、可访问性、最佳实践、SEO、PWA。
5、选择设备类型：移动设备（默认启用网络节流与CPU减速）或 桌面设备（无节流，反映本地高性能环境）。
6、点击 Generate report 按钮，等待测试完成并查看HTML格式报告。
二、通过Chrome扩展程序补充启用
当DevTools中Lighthouse标签缺失（如企业版Chrome策略禁用），或需跨浏览器/离线场景使用时，可借助官方Chrome Web Store发布的Lighthouse扩展程序作为备用配置路径。该方式提供独立UI，不依赖开发者工具状态。
1、访问Chrome网上应用店，搜索 Lighthouse，确认发布者为 Google Chrome Labs。
2、点击 添加至Chrome，完成安装。
3、在浏览器右上角工具栏找到Lighthouse图标（灯塔形状），点击后选择 Open Lighthouse。
4、在弹出窗口中输入目标URL，设置设备类型与审计类别，点击 Analyze page 启动测评。
5、报告生成后，可直接在新标签页中查看，支持下载为HTML或JSON格式。
三、通过命令行工具（Lighthouse CLI）高级配置
该方式适用于自动化集成、CI/CD流水线、批量站点扫描及自定义运行参数等专业场景。所有配置通过终端指令显式声明，具备最高灵活性与可复现性。
1、确保系统已安装Node.js（v18.0+）与npm或yarn；推荐使用 yarn global add lighthouse 避免npm权限问题。
2、在终端中执行基础命令：lighthouse https://example.com --view，自动打开HTML报告。
3、指定设备模拟：lighthouse --preset=mobile https://example.com 或 --preset=desktop。
4、启用真实网络节流：lighthouse --throttling-method=devtools https://example.com（复用DevTools节流策略）。
5、保存报告到指定路径：lighthouse --output html --output-path ./report.html --view https://example.com。
6、对带登录态页面测试，需注入请求头：lighthouse --extra-headers='{"Cookie":"sessionid=abc123"}' https://example.com。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
