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):衡量页面加载期间内容以视觉方式显示的速度。

 

FCP	速度
0-1.8S	快
1.8-3S	中等
>3S	慢

LCP	速度
0-2.5S	快
2.5-4S	中等
>4S	慢

TBT	速度
0~200ms	快
200~600ms	中等
>600ms	慢

CLS	优良
0~0.1	优秀
0.1~0.25	中等
>0.25	差

SI	速度
0-3.4S	快
3.4~5.8S	中等
>5.8	差

测试环境

浏览器在无痕模式下

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

测试场景

home界面

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

LCP 3.4S

home/apps

整体性能84

问题分析

home界面的LCP稍微有点偏低