如果我们曾关注过网络性能，一定对Lighthouse不陌生。是的，Google推出的这套网页及 WEB 应用评测工具的初衷是为了帮助网页开发人员开发出质量更高的网页。现在它简单易用，即便您是非专业人士也能用Lighthouse来评估网站建设质量。
Lighthouse全面描述了在网站建设和 WEB 应用领域可能存在的用户体验问题及开发人员可能存在的开发瓶颈。
作为非专业的人士来说，通过Lighthouse能够洞察网站存在的不足，而这些不足可能是很难识辨或者根本未曾意识到的。
Lighthouse是一个开放源代码的网页及 WEB 程序审核工具，评测涉及几个关键领域：网页性能，可访问性，最佳实践，网页SEO能力和渐进式Web应用程序。
Chrome DevTools 开发者工具
Chrome 拓展插件
Node CLI 命令行工具
npm install -g lighthouse# or use yarn:yarn global add lighthouse
lighthouse <url>lighthouse <url> --view 运行完成后，在浏览器中打开HTML报告。lighthouse <url> --output=json 运行完成生成JSON文件lighthouse <url> --config-path=./myconfig.js 使用您自己的配置运行Lighthouse：自定义审核，报告生成等。lighthouse <url> --output=json --output-path=./report.json --save-assets 保存跟踪，devtoolslog和命名的JSON报告。lighthouse <url> --emulated-form-factor=none 禁用设备仿真和所有限制。--throttling-method=providedlighthouse <url> --chrome-flags="--window-size=412,660" 启动具有特定窗口大小的Chromelighthouse <url> --quiet --chrome-flags="--headless" 启动Headless Chrome，关闭日志记录lighthouse <url> --extra-headers "{\"Cookie\":\"monster=blue\"}" 发送请求的HTTP标头字符串形式的键/值对lighthouse <url> --extra-headers=./path/to/file.json 要发送请求的HTTP标头键/值对的JSON文件的路径lighthouse <url> --only-categories=performance,pwa 仅运行指定的类别。 可用类别：accessibility, best-practices, performance, pwa, seo.# 参考 https://github.com/GoogleChrome/lighthouse#cli-options
Node 模块引用First Contentful Paint 首个有效 DOM 绘制时间 FP & FCPFirst Meaningful Paint 首次有效绘制时间 FMP Speed IndexFirst CPU IdleTime to InteractiveMax Potential First Input Delay