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

本文涉及的产品
性能测试 PTS,5000VUM额度
简介: 性能测试分层模型以及前端性能测试工具介绍

大家好,我是阿萨。一说到性能测试,相信大家对各种概念已经是滚瓜烂熟了。性能测试,压力测试,负载测试。以及常见的性能测试工具都会说上一二。但是性能测试分层模型又是什么呢?一般软件不管是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进行规格选择与性能压测。
相关文章
|
22天前
|
缓存 Java 测试技术
谷粒商城笔记+踩坑(11)——性能压测和调优,JMeter压力测试+jvisualvm监控性能+资源动静分离+修改堆内存
使用JMeter对项目各个接口进行压力测试,并对前端进行动静分离优化,优化三级分类查询接口的性能
谷粒商城笔记+踩坑(11)——性能压测和调优,JMeter压力测试+jvisualvm监控性能+资源动静分离+修改堆内存
|
2月前
|
前端开发 开发者
【前端大揭秘】CSS盒子模型的爱恨情仇:一场关于标准与IE模型的精彩对决!
【8月更文挑战第26天】本文深入探讨CSS中的两大盒子模型——标准盒模型与IE盒模型。通过理论解析与实例代码,清晰展示了两种模型下元素尺寸的构成方式及其应用场景。标准盒模型适合精确控制内容区尺寸,而IE盒模型在处理固定宽度元素时更为直观。掌握这些知识将帮助前端开发者在实际项目中做出更优的设计决策,提升网页布局的质量与美观性。
23 1
|
2月前
|
消息中间件 Kafka 测试技术
【Azure 事件中心】使用Kafka的性能测试工具(kafka-producer-perf-test)测试生产者发送消息到Azure Event Hub的性能
【Azure 事件中心】使用Kafka的性能测试工具(kafka-producer-perf-test)测试生产者发送消息到Azure Event Hub的性能
|
2月前
|
测试技术 API
软件测试:Postman 工具的使用。开发及测试均需要掌握的测试工具
这篇文章详细介绍了Postman工具的各个模块功能,包括创建请求、集合、环境、自动化测试等,并解释了如何使用Postman进行GET、POST、PUT和DELETE等常见HTTP请求的测试。
|
2月前
|
API UED 开发者
如何在Uno Platform中轻松实现流畅动画效果——从基础到优化,全方位打造用户友好的动态交互体验!
【8月更文挑战第31天】在开发跨平台应用时,确保用户界面流畅且具吸引力至关重要。Uno Platform 作为多端统一的开发框架,不仅支持跨系统应用开发,还能通过优化实现流畅动画,增强用户体验。本文探讨了Uno Platform中实现流畅动画的多个方面,包括动画基础、性能优化、实践技巧及问题排查,帮助开发者掌握具体优化策略,提升应用质量与用户满意度。通过合理利用故事板、减少布局复杂性、使用硬件加速等技术,结合异步方法与预设缓存技巧,开发者能够创建美观且流畅的动画效果。
57 0
|
2月前
|
JavaScript 前端开发 测试技术
Vue.js开发者必看!Vue Test Utils携手端到端测试,打造无懈可击的应用体验,引领前端测试新风尚!
【8月更文挑战第30天】随着Vue.js的普及,构建可靠的Vue应用至关重要。测试不仅能确保应用质量,还能提升开发效率。Vue Test Utils作为官方测试库,方便进行单元测试,而结合端到端(E2E)测试,则能构建全面的测试体系,保障应用稳定性。本文将带你深入了解如何使用Vue Test Utils进行单元测试,通过具体示例展示如何测试组件行为;并通过Cypress进行E2E测试,确保整个应用流程的正确性。无论是单元测试还是E2E测试,都能显著提高Vue应用的质量,让你更加自信地交付高质量的应用。
45 0
|
3月前
|
弹性计算 Prometheus Cloud Native
SLS Prometheus存储问题之Union MetricStore在性能测试中是如何设置测试环境的
SLS Prometheus存储问题之Union MetricStore在性能测试中是如何设置测试环境的
|
2月前
|
JSON jenkins 测试技术
Python接口自动化测试框架(工具篇)-- 接口测试工具HTTPRUNNER
本文介绍了Python接口自动化测试框架HTTPRunner,包括其安装、使用方法,并通过实际操作演示了如何利用HTTPRunner进行接口测试,同时还探讨了HTTPRunner作为接口自动化测试解决方案的可能性和实用性。
44 0
|
2月前
|
测试技术 索引 CDN
hyengine wasm业务性能测试问题之测试设备如何解决
hyengine wasm业务性能测试问题之测试设备如何解决
|
3月前
|
测试技术 Python
我们假设要测试一个名为`http://example.com`的网站,并对其进行简单的GET请求性能测试。
我们假设要测试一个名为`http://example.com`的网站,并对其进行简单的GET请求性能测试。
下一篇
无影云桌面