背景
测试大模型主要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稍微有点偏低