工具：思考与总结
我们该如何选择？如何使用好这些工具进行分析？
首先我们可以使用Lighthouse，在本地进行测量，根据报告给出的一些建议进行优化； 发布之后，我们可以使用PageSpeed Insights去看下线上的性能情况； 接着，我们可以使用Chrome User Experience Report API去捞取线上过去28天的数据； 发现数据有异常，我们可以使用DevTools工具进行具体代码定位分析； 使用Search Console’s Core Web Vitals report查看网站功能整体情况； 使用Web Vitals扩展方便的看页面核心指标情况；
三、Lighthouse 介绍 Lighthouse 是 Google 开源的自动化工具，用于改进网络应用的质量。它可以作为一个 Chrome 扩展程序运行，或从命令行运行。只需要为 Lighthouse 提供一个要审查的网址，它将针对此页面运行一连串的测试，然后生成一个有关页面性能的报告，从中看看可以采取哪些措施来改进应用。
Lighthouse 由这几部分组成
Driver（驱动）—— 通过 Chrome Debugging Protocol 和 Chrome 进行交互。
Gatherer（采集器）—— 决定在页面加载过程中采集哪些信息，将采集的信息输出为 Artifact。可自定义。
Audit（审查器）—— 将 Gatherer 采集的 Artifact 作为输入，审查器会对其测试，然后得出相应的测评结果。可自定义。
Reporte（报告）—— 将审查的结果通过指定的方式报告出来。
测试报告包括
性能（Performance），访问无障碍（Accessibility），最佳实践（Best Practice），搜索引擎优化（SEO），PWA（Progressive Web App）5 个部分
性能
Lighthouse 提供了 6 个性能指标：FCP、SI、LCP、TTI、TBT 和 CLS，权重分别是 10%，10%，25%，10%，30% 和 15%。Lighthouse 会根据权重计算得到一个分数值。详细指标含义可以参考链接：https://web.dev/lighthouse-performance/
https://pagespeed.web.dev/?utm_source=psi&utm_medium=redirect
参考资料 Puppeteer+Lighthouse