性能分析工具和 Performance API

灯塔（lighthouse）指标详解

1.Performance（性能）

First Contentful Paint(FCP)：衡量页面开始加载到页面中第一个元素被渲染之间的时间。元素包含文本、图片、canvas等。
Speed Index：代表页面内容渲染所消耗的时间，该值越低越好。
Largest Contentful Paint(LCP)：衡量标准视口内可见的最大内容元素的渲染时间。元素包括img、video、div及其他块级元素。
Time to Interactive(TTL)：测量页面所有资源加载成功并能够可靠地快速响应用户输入的时间，即互动时间。
Total Blocking Time(TBT)：这是 FCP 与 TTL 之间的所有时间段的总和。
Cumulative Layout Shift (CLS)：衡量视觉稳定性，为了提供良好的用户体验，页面的CLS应保持小于 0.1。

2.Accessibility（可访问性）

无障碍功能：
当我们说某个网站具有无障碍功能时，我们的意思是网站的内容可用，其功能可由任何人操作。所有用户都能看见和使用键盘、鼠标或触摸屏，并且与网页内容的交互方式也清晰明了。这会让使用者获得良好的体验。我们在探讨无障碍功能时往往是围绕身体有缺陷的用户，

性能名词解释

官网解释

FCP (First Contentful Paint)

首次内容绘制 标记浏览器渲染来自 DOM 第一位内容的时间点，该内容可能是文本、图像、SVG 甚至 元素. 网站应该努力将首次内容绘制控制在1.8 秒或以内
FCP 发生在第二帧，因为那是首批文本和图像元素在屏幕上完成渲染的时间

虽然部分内容已完成渲染，但并非所有内容都已经完成渲染。这是首次内容绘制 (FCP) 与Largest Contentful Paint 最大内容绘制 (LCP)（旨在测量页面的主要内容何时完成加载）之间的重要区别。