LightHouse 性能优化

https://zhuanlan.zhihu.com/p/376925215
https://segmentfault.com/a/1190000041524121

Lighthouse 是一个开源的自动化工具，由 Google 开发，用于改善 Web 应用的性能和质量。它已经被集成到 Chrome DevTools 中，并且可以作为一个 Chrome 扩展程序运行，或者从命令行运行。Lighthouse 对 Web 页面运行一系列自动化测试，并生成关于页面性能的报告，开发者可以根据这些报告来优化页面。

Lighthouse 性能指标

Lighthouse 的性能测试报告主要关注以下几个方面：

1. First Contentful Paint (FCP)：首次内容渲染，即页面首次渲染出文本或图片的时间。
2. Largest Contentful Paint (LCP)：最大内容绘制，标识网页渲染出最大文本或图片的时间，与首次有效绘制（First Meaningful Paint, FMP）相似，但是 LCP 是一个通用固定计算规则。
3. Time to Interactive (TTI)：可交互时间，即页面达到可交互状态所需的时间。
4. Cumulative Layout Shift (CLS)：累计布局偏移，衡量页面上内容意外偏移的程度。
5. Total Blocking Time (TBT)：累计阻塞时间，标识网页首次内容渲染和可交互时间之间的所有超时任务的超