当前位置: 首页 > news >正文

Web性能测试常用指标(转自百度AI)

Web性能测试常用指标

Web性能测试涉及多个维度的指标,主要分为前端页面性能指标后端服务性能指标两大类,以下为关键指标详解:


一、前端页面性能指标

通过浏览器开发者工具(如Chrome DevTools)或专用工具(如Lighthouse)监测:

  1. 首次内容绘制(First Contentful Paint, FCP)

    • 浏览器首次渲染文本/图像的时间,反映初始加载速度。

    • 目标值:≤1.8秒1

  2. 最大内容绘制(Largest Contentful Paint, LCP)

    • 可视区域内最大元素(如Banner图)的渲染完成时间。

    • 目标值:≤2.5秒1

  3. 累积布局偏移(Cumulative Layout Shift, CLS)

    • 衡量页面视觉稳定性(避免元素意外位移)。

    • 目标值:≤0.11

  4. 首次输入延迟(First Input Delay, FID)

    • 用户首次交互(如点击按钮)到浏览器响应的延迟。

    • 目标值:≤100毫秒1

  5. 可交互时间(Time to Interactive, TTI)

    • 页面完全可交互所需时间,需满足:

      • 所有关键资源已加载

      • 主线程连续5秒无长任务阻塞


二、后端服务性能指标

通过压测工具(如JMeter、LoadRunner)测量:

  1. 响应时间(Response Time)

    • 请求发出到收到完整响应的时间,包含:

      • 网络传输时间

      • 服务器处理时间(应用+数据库)

    • 分级标准:

      • 2秒内(优秀)

      • 2-5秒(可接受)

      • 5秒(需优化)2

  2. 吞吐量(Throughput)

    • 单位时间处理的请求量(如RPS:每秒请求数)。

    • 计算公式:

      吞吐量=并发用户数平均响应时间吞吐量=平均响应时间并发用户数​

  3. 并发用户数(Concurrent Users)

    • 同时向系统提交请求的用户数量,需区分:

      • 系统用户数:注册用户总量(影响数据库存量)

      • 在线用户数:某时段访问用户数(影响内存占用)

      • 并发用户数:瞬时提交请求的用户数2

  4. 错误率(Error Rate)

    • 失败请求占总请求的百分比,目标值:<1%。

  5. 资源利用率(Resource Utilization)

    • 服务器资源消耗:

      • CPU使用率(警戒线:≥80%)

      • 内存占用率

      • 磁盘I/O与网络带宽


关键测试实践
  • 预热(Warm-up)
    压测前先运行脚本模拟在线用户,使磁盘数据调入内存,减少测试误差2

  • 工具推荐

    • 前端:Lighthouse、WebPageTest

    • 后端:JMeter、Gatling、Locust


http://www.lryc.cn/news/578571.html

相关文章:

  • 开关电源和线性电源Multisim电路仿真实验汇总——硬件工程师笔记
  • 暖通锅炉的智能管控:物联网实现节能又舒适​
  • grom使用mysql快速上手
  • [论文阅读] 人工智能 + 软件工程 | 从软件工程视角看大语言模型:挑战与未来之路
  • 使用 icinga2 写入 TDengine
  • 基于ApachePOI实现百度POI分类快速导入PostgreSQL数据库实战
  • SpringBoot计时一次请求耗时
  • 基于netmiko模块实现支持SSH or Telnet的多线程多厂商网络设备自动化巡检脚本
  • 浏览器F12开发者工具的使用
  • [Python] -基础篇7-新手常见Python语法错误及解决方案
  • Qt时间显示按钮功能详解
  • openlayers根据图层名称判断图层是否在视口内
  • js代码09
  • Maven安装使用教程
  • java web2(黑马)
  • 阿里云-云效自动部署spring boot项目
  • vue + element-ui实现可拖拽表格
  • Windows VMWare Centos Docker部署Springboot + mybatis + MySql应用
  • 学习昇腾开发的第12天--安装第三方依赖
  • 飞算 JavaAI:我的编程强力助推引擎
  • 前端常用构建工具介绍及对比
  • ChatGPT、DeepSeek等大语言模型助力高效办公、论文与项目撰写、数据分析、机器学习与深度学习建模
  • HTML 安装使用教程
  • Kafka日常运维命令总结
  • 数据的表示
  • 基于 Vue + RuoYi 架构设计的商城Web/小程序实训课程
  • 苹果AR/VR头显路线图曝光,微美全息推进AI/AR智能眼镜新品开启视觉体验篇章
  • 61、【OS】【Nuttx】【构建】向量表
  • 每日一练:找到初始输入字符串 I
  • 新版本 Spring Data Jpa + QueryDSL 使用教程