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

本文涉及的产品
性能测试 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进行规格选择与性能压测。
相关文章
|
30天前
|
存储 人工智能 前端开发
前端大模型应用笔记(三):Vue3+Antdv+transformers+本地模型实现浏览器端侧增强搜索
本文介绍了一个纯前端实现的增强列表搜索应用,通过使用Transformer模型,实现了更智能的搜索功能,如使用“番茄”可以搜索到“西红柿”。项目基于Vue3和Ant Design Vue,使用了Xenova的bge-base-zh-v1.5模型。文章详细介绍了从环境搭建、数据准备到具体实现的全过程,并展示了实际效果和待改进点。
127 2
|
24天前
|
人工智能 前端开发 JavaScript
前端架构思考 :专注于多框架的并存可能并不是唯一的方向 — 探讨大模型时代前端的分层式微前端架构
随着前端技术的发展,微前端架构成为应对复杂大型应用的流行方案,允许多个团队使用不同技术栈并将其模块化集成。然而,这种设计在高交互性需求的应用中存在局限,如音视频处理、AI集成等。本文探讨了传统微前端架构的不足,并提出了一种新的分层式微前端架构,通过展示层与业务层的分离及基于功能的横向拆分,以更好地适应现代前端需求。
|
4天前
|
数据采集 缓存 测试技术
性能测试中,除了迭代次数,还有哪些因素会影响测试结果?
性能测试中,除了迭代次数,还有哪些因素会影响测试结果?
11 2
|
9天前
|
缓存 监控 测试技术
全网最全压测指南!教你如何测试和优化系统极限性能
大家好,我是小米。本文将介绍如何在实际项目中进行性能压测和优化,包括单台服务器和集群压测、使用JMeter、监控CPU和内存使用率、优化Tomcat和数据库配置等方面的内容,帮助你在高并发场景下提升系统性能。希望这些实战经验能助你一臂之力!
23 3
|
19天前
|
缓存 监控 数据挖掘
C# 一分钟浅谈:性能测试与压力测试
【10月更文挑战第20天】本文介绍了性能测试和压力测试的基础概念、目的、方法及常见问题与解决策略。性能测试关注系统在正常条件下的响应时间和资源利用率,而压力测试则在超出正常条件的情况下测试系统的极限和潜在瓶颈。文章通过具体的C#代码示例,详细探讨了忽视预热阶段、不合理测试数据和缺乏详细监控等常见问题及其解决方案,并提供了如何避免这些问题的建议。
42 7
|
2月前
|
缓存 Java 测试技术
谷粒商城笔记+踩坑(11)——性能压测和调优,JMeter压力测试+jvisualvm监控性能+资源动静分离+修改堆内存
使用JMeter对项目各个接口进行压力测试,并对前端进行动静分离优化,优化三级分类查询接口的性能
谷粒商城笔记+踩坑(11)——性能压测和调优,JMeter压力测试+jvisualvm监控性能+资源动静分离+修改堆内存
|
3月前
|
设计模式 前端开发 Java
【前端学java】SpringBootWeb极速入门-分层解耦(03)
【8月更文挑战第13天】SpringBootWeb极速入门-分层解耦(03)
22 2
【前端学java】SpringBootWeb极速入门-分层解耦(03)
|
3月前
|
前端开发 开发者
【前端大揭秘】CSS盒子模型的爱恨情仇:一场关于标准与IE模型的精彩对决!
【8月更文挑战第26天】本文深入探讨CSS中的两大盒子模型——标准盒模型与IE盒模型。通过理论解析与实例代码,清晰展示了两种模型下元素尺寸的构成方式及其应用场景。标准盒模型适合精确控制内容区尺寸,而IE盒模型在处理固定宽度元素时更为直观。掌握这些知识将帮助前端开发者在实际项目中做出更优的设计决策,提升网页布局的质量与美观性。
34 1
|
3月前
|
消息中间件 Kafka 测试技术
【Azure 事件中心】使用Kafka的性能测试工具(kafka-producer-perf-test)测试生产者发送消息到Azure Event Hub的性能
【Azure 事件中心】使用Kafka的性能测试工具(kafka-producer-perf-test)测试生产者发送消息到Azure Event Hub的性能
|
3月前
|
测试技术 API
软件测试:Postman 工具的使用。开发及测试均需要掌握的测试工具
这篇文章详细介绍了Postman工具的各个模块功能,包括创建请求、集合、环境、自动化测试等,并解释了如何使用Postman进行GET、POST、PUT和DELETE等常见HTTP请求的测试。

热门文章

最新文章