页面加载性能优化(一)

2 阅读1分钟

TTFB

首字节加载时间

FP

首次绘制

FCP

首次有内容绘制

CSR

客户端渲染

FMP

首次有意义绘制(现在参考意义优先级降低,受人为干扰需要根据具体业务定义有效概念,例如地图网页中,地图出现才算有意义 )

TTI

可交互时间,推荐的响应时间是100ms 以为否者有延迟感

SSR

服务端渲染

LCP

(Largest Contentful Paint) 是一个以用户为中心的性能指标,可以测试用户感知到的页面加载速度。 记录视窗内最大元素绘制的时间,这个时间会受页面渲染影响变化,停止记录是在用户第一次交互后停止

FID

首次输入延迟,记录FCP和TTI之间用户首次与页面交互的延迟

TBT

堵塞总时间,记录FCP到TTI之间的长任务的堵塞时间总和

CLS

累计位移偏移 ,记录页面上非预期的位移波动,私用按钮动态添加某个元素,刀子页面上其他位置的代码发生了偏移,造成页面显示异常

实现按以上顺序执行