lighthouse

Lighthouse 是一款由 Google 开发的开源工具，可用于评估 Web 应用程序的质量和性能。它可以检查页面的性能、可访问性、最佳实践和 SEO 等方面，并给出相关建议。

performance 性能指标（常用）

性能指标用于评估 Web 应用程序的性能和用户体验的指标，常用指标如下：

• 首次内容渲染时间（First Contentful Paint，FCP）：指从用户请求页面到浏览器渲染出页面中第一个有意义的内容的时间。
• 最大内容渲染时间（Largest Contentful Paint，LCP）：指从用户请求页面到页面上最大且最有意义的元素渲染完毕的时间，如图片、视频或文本块。
• 总阻塞时间（Total Blocking Time，TBT）：指在页面加载期间，用户输入或鼠标单击等交互事件被阻止的总时间。
• 累计布局位移（Cumulative Layout Shift，CLS）：指页面加载期间，元素的相对位置发生变化的总次数和程度。布局位移会影响用户体验和导致误操作。
• 速度指数（Speed Index）：指页面内容逐渐呈现的速度，可以反映用户感知的页面加载速度。

accessibility 可访问性

可访问性指标用于评估 Web 应用程序在视觉、听觉、操作等方面是否具有易用性和可访问性。比如：

• 标签：img 标签是否有 alt 属性；
• ARIA ：[aria-*] 无障碍属性；
• ...

best practices 最佳实践

包括 HTTP 安全性、图像优化、缓存控制等。

SEO 搜索引擎优化（常用）

包括页面标题、meta 描述、头部标签等。