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

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

大家好,我是阿萨。一说到性能测试,相信大家对各种概念已经是滚瓜烂熟了。性能测试,压力测试,负载测试。以及常见的性能测试工具都会说上一二。但是性能测试分层模型又是什么呢?一般软件不管是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/,输入想要测试的网站。点击“分析” 就可以看到测试结果了。
  • 埋点测试。让开发人员在某一个功能开始前 记录时间,在结束时也记录时间,计算时间差来看最终性能结果。大家如果有其他更好的工具,欢迎私信留言。


相关实践学习
通过性能测试PTS对云服务器ECS进行规格选择与性能压测
本文为您介绍如何利用性能测试PTS对云服务器ECS进行规格选择与性能压测。
相关文章
|
7月前
|
前端开发 JavaScript API
(前端3D模型开发)网页三维CAD中加载和保存STEP模型
本文介绍了如何使用`mxcad3d`库在网页上实现STEP格式三维模型的导入与导出。首先,通过官方教程搭建基本项目环境,了解核心对象如MxCAD3DObject、Mx3dDbDocument等的使用方法。接着,编写了加载和保存STEP模型的具体代码,包括HTML界面设计和TypeScript逻辑实现。最后,通过运行项目验证功能,展示了从模型加载到保存的全过程。此外,`mxcad3d`还支持多种其他格式的三维模型文件操作。
541 82
|
5月前
|
存储 人工智能 测试技术
小鱼深度评测 | 通义灵码2.0,不仅可跨语言编码,自动生成单元测试,更炸裂的是集成DeepSeek模型且免费使用,太炸裂了。
小鱼深度评测 | 通义灵码2.0,不仅可跨语言编码,自动生成单元测试,更炸裂的是集成DeepSeek模型且免费使用,太炸裂了。
141316 29
小鱼深度评测 | 通义灵码2.0,不仅可跨语言编码,自动生成单元测试,更炸裂的是集成DeepSeek模型且免费使用,太炸裂了。
|
8月前
|
前端开发 JavaScript 测试技术
前端测试技术中,如何提高集成测试的效率?
前端测试技术中,如何提高集成测试的效率?
|
5月前
|
JSON 前端开发 测试技术
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
189 10
大前端之前端开发接口测试工具postman的使用方法-简单get接口请求测试的使用方法-简单教学一看就会-以实际例子来说明-优雅草卓伊凡
|
5月前
|
JSON 前端开发 API
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
186 5
以项目登录接口为例-大前端之开发postman请求接口带token的请求测试-前端开发必学之一-如果要学会联调接口而不是纯写静态前端页面-这个是必学-本文以优雅草蜻蜓Q系统API为实践来演示我们如何带token请求接口-优雅草卓伊凡
|
5月前
|
机器学习/深度学习 自然语言处理 API
阿里云零门槛、轻松部署您的专属 DeepSeek模型体验测试
DeepSeek R1是基于Transformer架构的先进大规模深度学习模型,2025年1月20日发布并开源,遵循MIT License。它在自然语言处理等任务上表现出色,高效提取特征,缩短训练时间。阿里云推出的满血版方案解决了服务器压力问题,提供100万免费token,云端部署降低成本,用户可快速启动体验。虽然回答速度有待提升,但整体表现优异,备受关注。
209 8
|
5月前
|
人工智能 IDE 测试技术
用户说 | 通义灵码2.0,跨语言编码+自动生成单元测试+集成DeepSeek模型且免费使用
通义灵码, 作为国内首个 AI 程序员,从最开始的内测到公测,再到通义灵码正式发布第一时间使用,再到后来使用企业定制版的通义灵码,再再再到现在通义灵码2.0,我可以说“用着”通义灵码成长的为数不多的程序员之一了吧。咱闲言少叙,直奔主题!今天,我会聊一聊通义灵码的新功能和通义灵码2.0与1.0的体验感。
|
5月前
|
人工智能 IDE 测试技术
用户说 | 通义灵码2.0,跨语言编码+自动生成单元测试+集成DeepSeek模型且免费使用
用户说 | 通义灵码2.0,跨语言编码+自动生成单元测试+集成DeepSeek模型且免费使用
|
6月前
|
存储 测试技术 数据库
接口测试工具攻略:轻松掌握测试技巧
在互联网快速发展的今天,软件系统的复杂性不断增加,接口测试工具成为确保系统稳定性的关键。它如同“翻译官”,模拟请求、解析响应、验证结果、测试性能并支持自动化测试,确保不同系统间信息传递的准确性和完整性。通过Apifox等工具,设计和执行测试用例更加便捷高效。接口测试是保障系统稳定运行的第一道防线。
|
6月前
|
Web App开发 JSON 测试技术
API测试工具集合:让接口测试更简单高效
在当今软件开发领域,接口测试工具如Postman、Apifox、Swagger等成为确保API正确性、性能和可靠性的关键。Postman全球闻名但高级功能需付费,Apifox则集成了API文档、调试、Mock与自动化测试,简化工作流并提高团队协作效率,特别适合国内用户。Swagger自动生成文档,YApi开源但功能逐渐落后,Insomnia界面简洁却缺乏团队协作支持,Paw仅限Mac系统。综合来看,Apifox是国内用户的理想选择,提供中文界面和免费高效的功能。