RAIL模型
使用 RAIL 模型衡量性能 即对于应用的 相应 — 动画 — 空闲 — 加载 四种不同场景，用户会对性能有不一样的期望
以用户为中心的性能指标
- First Paint 首次绘制（FP） 记录从空白页到任意像素的呈现所需时间
- First contentful paint 首次内容绘制 (FCP) 首次页面加载完成
- Largest contentful paint 最大内容绘制 (LCP) 任意访问和交互过程中 呈现内容所需的最长时间
- First input delay 首次输入延迟 (FID) 从第一次交互到第一次响应
- Time to Interactive 可交互时间 (TTI) 衡量页面从内容渲染完成到可以相应用户交互所需时间
- Total blocking time 总阻塞时间 (TBT) 即FCP与TTI之间的时差
- Cumulative layout shift 累积布局偏移 (CLS) 这是一个评分 衡量页面出现意外的加载内容偏移的程度
页面渲染的过程
