性能分析
灯塔(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)(旨在测量页面的主要内