这是我参与「第五届青训营 」伴学笔记创作活动的第13天
学习内容
今天是SDK开发实践课
以用户为中心的性能指标
FP(First Paint):首次渲染的时间点。FP时间点之前，用户看到的都是没有任何内容的白色屏幕。
FCP(First Contentful Paint):首次有内容渲染的时间点。
FMP (First Meaningful Paint):首次绘制有意义内容的时间点。
TTI (Time to Interactive):测量页面从开始加载到主要子资源完成渲染，并能够快速、可靠地响应用户输入所需的时间。
TTI反映页面可用性的重要指标。TTI值越小，代表用户可以更早地操作页面，用户体验就更好。
FID (First Input Delay):测量从用户第一次与页面交互（比如当他们单击链接、点按按钮等等）直到浏览器对交互作出响应，实际能够开始处理事件时处理程序所经过的时间
LCP (Largest Contentful Paint):最大的内容(一大段文字或者一张图片)在可视区域内变得可见的时间点。
TBT (Total Blocking Time):量化主线程在空闲之前的繁忙程度，有助于理解在加载期间，页面无法响应用户输入的时间有多久。
长任务:如果一个任务在主线程上运行超过50毫秒，那么它就是长任务。超过50ms后的任务耗时，都算作任务的阻塞时间。
一个页面的TBT，是从 FCP到TTI之间所有长任务的阻塞时间的总和。
CLs (Cumulative Layout Shift):量化了在页面加载期间,视口中元素的移动程度。（鼠标点击时元素发生偏移，没有点到想点的内容）
前端常见异常
- 静态资源错误
- 请求异常
- js错误
- 白屏异常 通常导致白屏发生的原因可能有如下几点: 1.发生Js 错误导致关键资源渲染失败。 2.请求异常或静态资源加栽失败 3.长时间的Js线程繁忙阻塞渲染任务。
