web页面的性能测试

背景

测试大模型主要web页面的性能

使用工具

通过google自带的lighthouse测试页面的性能

各个参考指标

First Contentful Paint(FCP):测量在用户导航到页面后浏览器呈现第一段 DOM 内容所花费的时间。页面上的图像、非白色<canvas>元素和 SVG 被视为 DOM 内容；不包括 iframe 内的任何内容。

Largest Contentful Paint(LCP):最大内容绘制，可视区域中最大的内容元素呈现在屏幕上的时间，用以估算页面主要内容对用户可见时间。

Total Blocking Time(TBT):测量页面被阻止响应用户输入（例如鼠标点击、屏幕点击或键盘按下）的总时间。

Cumulative Layout Shift(CLS):衡量页面布局的稳定性，即元素的位置在页面加载或渲染过程中是否发生了不期望的变化。

Speed Index(SI):衡量页面加载期间内容以视觉方式显示的速度。

测试环境

浏览器在无痕模式下

测试工具:选择google浏览器自带的Lighthouse

测试场景

home界面

整体性能74，LCP有点稍微偏低

LCP 3.4S

home/apps

整体性能84

问题分析

home界面的LCP稍微有点偏低