什么是Lighthouse

    Lighthouse 是由 Google 开发的一款开源的网页性能和质量审查工具。它通过模拟真实用户在不同设备和网络条件下的浏览体验，对网页进行全面的性能、可访问性、最佳实践、SEO 等方面的评估。Lighthouse 的评分是基于一系列标准，包括 Google Chrome 浏览器中的 Core Web Vitals，这些标准反映了用户对网站性能和用户体验的期望。下面图片是例子：

 等待中（使用bilibili.com示例）：

结果：

以下是 Lighthouse 提供的主要审查类别：

1. 性能（Performance）： 评估网页加载性能，包括首次内容绘制（FCP）、最大内容绘制（LCP）、累积布局偏移（CLS）等核心指标。这有助于开发者了解网页在不同网络和设备上的加载速度。

2. 可访问性（Accessibility）： 检查网页是否符合 Web 内容无障碍性指南（WCAG），以确保网页对所有用户都是可访问的，包括使用屏幕阅读器的用户。

3. 最佳实践（Best Practices）： 提供关于网页开发的最佳实践建议，涵盖了一系列方面，如安全性、性能优化、可维护性等。

4. SEO（Search Engine Optimization）： 评估网页的搜索引擎优化，包括页面标题、meta 标签、链接结构等方面，以确保网页在搜索引擎中得到良好的排名。

5. PWA（Progressive Web App）： 检查网页是否符合渐进式 Web 应用的标准，包括离线访问、推送通知等功能。

Lighthouse 提供了一个用户界面，也可以通过命令行或集成到 CI/CD 流程中自动执行。开发者可以利用 Lighthouse 的报告来改善他们的网页，使其更加性能优越、可访问和符合最佳实践。 Lighthouse 工具有助于提升网站的用户体验，促使开发者关注于关键的性能和质量方面，从而构建更好的 Web 应用。