Lighthouse是Chrome内置工具，可评估网页加载速度、可访问性与代码质量。通过开发者工具、扩展程序或命令行三种方式运行，分别适用于日常检测、独立操作与自动化集成，在MacBook Pro（macOS Sonoma）环境下完成分析并生成优化建议报告。
如果您想评估一个网页的加载速度、可访问性或代码质量，可以使用Chrome内置的Lighthouse工具进行自动化审核。该工具会模拟真实用户环境，对页面进行全面检测并生成优化建议。
本文运行环境：MacBook Pro，macOS Sonoma。
一、通过Chrome开发者工具运行Lighthouse
此方法无需额外安装，适合日常快速检测，直接在浏览器中完成整个分析流程。
1、打开Google Chrome浏览器，访问您需要测试的目标网页。
2、按下F12键或右键点击页面选择“检查”以打开开发者工具。
3、在开发者工具顶部选项卡中，点击Lighthouse标签（部分版本可能显示为“Audits”）。
4、在左侧面板中，选择设备类型（如“桌面端”或“移动端”），并确保“性能”类别已被勾选。
5、点击“生成报告”按钮，Lighthouse将自动重新加载页面并开始分析。
6、等待30至60秒，报告生成后，可在界面中查看详细的评分与优化建议。
二、使用Chrome扩展程序进行分析
该方式适用于未集成Lighthouse的旧版Chrome，或需要独立操作入口的用户。
1、进入Chrome网上应用店，搜索“Lighthouse”官方扩展程序。
2、点击“添加至Chrome”完成安装，安装后浏览器右上角会出现Lighthouse图标。
3、打开目标网页，点击浏览器工具栏中的Lighthouse图标。
4、在弹出窗口中选择测试类别和设备类型，然后点击“Generate report”。
5、等待分析完成，系统将自动生成一个HTML格式的独立报告页面供查阅。
三、通过命令行工具（CLI）执行检测
此方法适合开发者将其集成到自动化测试或持续集成（CI）流程中，提供更高的灵活性。
1、确保已安装Node.js环境和最新版Google Chrome。
2、打开终端，执行命令：npm install -g lighthouse，全局安装Lighthouse CLI。
3、安装完成后，运行检测命令：lighthouse https://example.com --view，将URL替换为实际目标地址。
4、Lighthouse将在无头模式下加载页面，完成分析后自动生成报告并打开。
5、可通过添加参数自定义输出格式，例如使用--output=json生成JSON文件用于后续处理。
