更新时间:2023-07-28 17:42:43贡献者收藏订阅更新我的文档设置返回文档首屏耗时首屏耗时,即页面首次渲染到主体内容可见所需要的时间,对于小程序的用户体验是至关重要的。用户通常会关注页面内容完全显示出来的时间,过长的时间将极度考验用户的耐性,严重影响用户体验,并很大程度上决定了用户的去和留。 “首屏耗时”中的“首屏”,可定义为“页面首次渲染满屏内容”,其中:●首次:页面渲染满屏之后,可能会因用户操作或业务需要更新内容,只关注第一次的绘制。●渲染:对用户来说一般为图片、文字的展示。从小程序视角来看,主要包括 dom 渲染、资源加载等。●满屏:通俗理解铺满整个屏幕。●内容:页面的表现形式,如文字、图片、视频等。首屏渲染指标从小程序开始加载,到最终渲染出用户完全可见的业务页面,可以分为以下几个过程。缩略语全称中文名称描述fpfirst paint首次绘制页面首个像素点开始绘制的时刻,无论是否绘制了文本、图片。fcpfirst contentful paint首次有内容绘制首次绘制文本/图片的时刻。lcplargest contentful paint最大有内容绘制渲染面积最大的文本/图片的时刻。fmpfirst meaningful paint首次有意义绘制页面加载结束前最后一次渲染。说明:●对于 fcp,内容 指的是文本、图片、原生组件(如视频、canvas、地图等)。●页面加载结束 有三种判断条件:页面状态改变(页面关闭、app 切换后台)、用户交互(如点击按钮)、10 秒内无新内容出现。