web页面的性能测试

devtools/2024/10/19 3:28:36/

背景

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


http://www.ppmy.cn/devtools/95090.html

相关文章

Python上机_1

题目1&#xff1a;创建一个数值范围为0~1&#xff0c;间隔为0.01的数组&#xff0c;并查看该数组的维度。 代码如下&#xff1a; import numpy as np arrnp.arange(0,1,0.01) print(创建的数组为&#xff1a;,arr) print(数组的维度为&#xff1a;,arr.ndim) 题目二&#xf…

GDB:wrong library or version mismatch?

实际项目中&#xff0c;常常会遇到程序运行环境与本地环境不一致的情况。一般GBG会报如下错误&#xff1a; warning: .dynamic section for "/lib64/librt.so.1" is not at the expected address (wrong library or version mismatch?) 。。。。。。 Do you need &q…

智能分析/视频汇聚EasyCVR安防视频融合管理云平台技术优势分析

安防行业的发展历程主要围绕视频监控技术的不断改革升级&#xff0c;从最初的模拟监控到数字监控&#xff0c;再到高清化、网络化监控&#xff0c;直至现在的智能化监控&#xff0c;每一次变革都推动了行业的快速发展。特别是近年来&#xff0c;随着AI、大数据、物联网等技术的…

中国式报表有这么多种类型,你都知道吗?

中国式报表是一种在中国企业中使用的会计报告格式&#xff0c;但你真的了解它吗&#xff1f;你知道它有多少种类型吗&#xff1f;今天我们就一起来聊聊&#xff0c;中国式报表都包含哪些类型的报表吧&#xff01; 按样式来划分&#xff0c;中国式报表通常分为以下几类&#xff…

FreeRTOS的两种启动方式及在不同位置开启调度器的区别

启动方式 所谓的启动方式&#xff0c;其实就是你写代码创建任务的习惯&#xff0c;主要有以下两种&#xff1a; 第一种&#xff0c;在主函数里边创建一个任务&#xff0c;然后在这个任务里边创建其他任务&#xff0c;任务创建完成后删除起始任务。 第二种&#xff0c;在主函数…

网页版IntelliJ IDEA部署

在服务器部署网页 IntelliJ IDEA 引言 大家好&#xff0c;我是小阳&#xff0c;今天要为大家带来一个黑科技——如何在云端部署和使用WEB版的IntelliJ IDEA&#xff0c;让你在任何地方都可以随心所欲地进行Java开发。这个方法特别适合那些用着老旧Windows电脑&#xff0c;部署…

PHP项目任务系统小程序源码

&#x1f680;解锁高效新境界&#xff01;我的项目任务系统大揭秘&#x1f50d; &#x1f31f; 段落一&#xff1a;引言 - 为什么需要项目任务系统&#xff1f; Hey小伙伴们&#xff01;你是否曾为了杂乱的待办事项焦头烂额&#xff1f;&#x1f92f; 或是项目截止日逼近&…

PDF转图片 JAVA

前言 以下是一个使用 Apache PDFBox 将 PDF 文件转换为图片的封装方法。这个方法将会把 PDF 的每一页转换为一张图片&#xff0c;并保存到指定的目录中。 1.添加依赖 首先&#xff0c;你需要在项目中添加 PDFBox 的依赖。如果你使用的是 Maven&#xff0c;可以在 pom.xml 中添…