性能测试分层模型以及前端性能测试工具介绍

简介: 性能测试分层模型以及前端性能测试工具介绍

大家好,我是阿萨。一说到性能测试,相信大家对各种概念已经是滚瓜烂熟了。性能测试,压力测试,负载测试。以及常见的性能测试工具都会说上一二。但是性能测试分层模型又是什么呢?一般软件不管是Web或者A PP 端都可以统称为前端。一般客户操作都在前端操作,客户操作后通过网络传输把请求发送给后端。后端通过业务逻辑,接口或者是函数来处理客户请求,然后返回结果给客户。


如下图所示:



前端层:主要是用户看到的页面。比如电商网站的首页。App的各个页面。对于用户而言前端页面的展现速度就是判断系统快慢的依据。网络层:网络是连接前端和后端的桥梁。网络的好坏也是影响性能的因素之一。后端层:就是后端处理请求的。主要包括业务处理,接口处理以及函数级别的功能处理。考虑性能测试的时候最好是以上分层都考虑到。常见前端性能测试的工具有:

  • Firebug ------ 火狐浏览器下的扩展插件。单击“网络”标签, 选择“启用”网络面板即可正常使用。然后正常访问网站某个页面。在最底部状态栏里k可以看得到请求数,大小, 缓存中的大小,耗时等信息。还可以查看到那个请求的相关信息。
  • Chrome 开发者工具 ------方法和Firebug 类似。
  • Chrome Mobile Emulation ------ PC端模拟移动浏览器方便 多终端设备的测试和调试。需要依赖Chrome ADB 插件。PC 端安装Chrome 和ADB 插件。手机端安装移动端Chrome,并打开任意URL。 PC端浏览器 打开该URL chrome://inspect/#devices, 就可以看到手机上的chrome 页面了。单击Inspect 按钮打开开发者工具, 配合PageSpeed 使用, 轻松分析移动端的页面的性能。
  • HttpWatch ------基本功能和Firebug 类似。它最强大的扩展功能是提供Automation API 来定义监控和分析的页面,并生成报告。具体API 可以参考:https://www.httpwatch.com/features/automatedtesting.aspx
  • PageSpeed ------ 打开URL https://pagespeed.web.dev/,输入想要测试的网站。点击“分析” 就可以看到测试结果了。
  • 埋点测试。让开发人员在某一个功能开始前 记录时间,在结束时也记录时间,计算时间差来看最终性能结果。大家如果有其他更好的工具,欢迎私信留言。


相关文章
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
1601 14
|
前端开发 JavaScript API
(前端3D模型开发)网页三维CAD中加载和保存STEP模型
本文介绍了如何使用`mxcad3d`库在网页上实现STEP格式三维模型的导入与导出。首先,通过官方教程搭建基本项目环境,了解核心对象如MxCAD3DObject、Mx3dDbDocument等的使用方法。接着,编写了加载和保存STEP模型的具体代码,包括HTML界面设计和TypeScript逻辑实现。最后,通过运行项目验证功能,展示了从模型加载到保存的全过程。此外,`mxcad3d`还支持多种其他格式的三维模型文件操作。
1589 117
|
人工智能 前端开发 JavaScript
前端架构思考 :专注于多框架的并存可能并不是唯一的方向 — 探讨大模型时代前端的分层式微前端架构
随着前端技术的发展,微前端架构成为应对复杂大型应用的流行方案,允许多个团队使用不同技术栈并将其模块化集成。然而,这种设计在高交互性需求的应用中存在局限,如音视频处理、AI集成等。本文探讨了传统微前端架构的不足,并提出了一种新的分层式微前端架构,通过展示层与业务层的分离及基于功能的横向拆分,以更好地适应现代前端需求。
646 0
|
测试技术
软考软件评测师——可靠性测试测试方法
软件可靠性是指软件在规定条件和时间内完成预定功能的能力,受运行环境、软件规模、内部结构、开发方法及可靠性投入等因素影响。失效概率指软件运行中出现失效的可能性,可靠度为不发生失效的概率,平均无失效时间(MTTF)体现软件可靠程度。案例分析显示,嵌入式软件需满足高可靠性要求,如机载软件的可靠度需达99.99%以上,通过定量指标评估其是否达标。
|
JSON 前端开发 测试技术
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
1229 10
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
|
存储 测试技术 数据库
接口测试工具攻略:轻松掌握测试技巧
在互联网快速发展的今天,软件系统的复杂性不断增加,接口测试工具成为确保系统稳定性的关键。它如同“翻译官”,模拟请求、解析响应、验证结果、测试性能并支持自动化测试,确保不同系统间信息传递的准确性和完整性。通过Apifox等工具,设计和执行测试用例更加便捷高效。接口测试是保障系统稳定运行的第一道防线。
|
Web App开发 JSON 测试技术
API测试工具集合:让接口测试更简单高效
在当今软件开发领域,接口测试工具如Postman、Apifox、Swagger等成为确保API正确性、性能和可靠性的关键。Postman全球闻名但高级功能需付费,Apifox则集成了API文档、调试、Mock与自动化测试,简化工作流并提高团队协作效率,特别适合国内用户。Swagger自动生成文档,YApi开源但功能逐渐落后,Insomnia界面简洁却缺乏团队协作支持,Paw仅限Mac系统。综合来看,Apifox是国内用户的理想选择,提供中文界面和免费高效的功能。
|
缓存 Java 测试技术
谷粒商城笔记+踩坑(11)——性能压测和调优,JMeter压力测试+jvisualvm监控性能+资源动静分离+修改堆内存
使用JMeter对项目各个接口进行压力测试,并对前端进行动静分离优化,优化三级分类查询接口的性能
1008 10
谷粒商城笔记+踩坑(11)——性能压测和调优,JMeter压力测试+jvisualvm监控性能+资源动静分离+修改堆内存
|
数据采集 缓存 测试技术
性能测试中,除了迭代次数,还有哪些因素会影响测试结果?
性能测试中,除了迭代次数,还有哪些因素会影响测试结果?
567 2
|
缓存 监控 测试技术
全网最全压测指南!教你如何测试和优化系统极限性能
大家好,我是小米。本文将介绍如何在实际项目中进行性能压测和优化,包括单台服务器和集群压测、使用JMeter、监控CPU和内存使用率、优化Tomcat和数据库配置等方面的内容,帮助你在高并发场景下提升系统性能。希望这些实战经验能助你一臂之力!
1585 3