如何使用Flood Element在实际浏览器中执行负载测试()

本文概述

  • 整体观点
  • 编写测试
因此, 你正在考虑进行负载测试。
也许你对正在使用的当前解决方案感到沮丧, 并发现编写和维护测试太困难了。也许你正在考虑第一次进行负载测试。无论哪种方式, 这都是思考负载测试的第一步, 这是迈出的重要第一步-许多公司没有这样做, 并且要承担后果。
应用程序性能与基本业务指标(例如收入, 客户注册或更一般的客户满意度)之间已经建立了联系。所有在网络上开展业务的公司都应确保性能不会对这些关键指标产生负面影响。即使这些措施有所改善, 你仍可能会发现该应用程序可以更好地运行以消耗更少的资源, 从而一路节省你和用户的钱。
无论你是刚进行负载测试的新手, 还是有现场经验的人, 你都可能知道令人眼花array乱的工具和方法来完成工作。今天, 我想向你介绍我最喜欢的新负载测试工具-Flood Element。
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
许多流行的工具都在协议级别运行–它们试图通过发出网络请求来近似用户在你的应用上的行为。但是, 在当今的万维网中, Web应用程序变得越来越复杂, 并且利用了比以往任何时候都更多的浏览器功能。
甚至看似简单的应用程序(例如在线商店)也使用大量的浏览器功能, 以使用户尽可能轻松地选择商品, 在线订购和付款。
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
因此, 在当今的网络时代, 协议级用户(PLU)测试只能为我们提供有关应用性能的大部分信息。相比之下, Flood Element等新工具通过使用真实的Web浏览器模拟用户行为来进行测试。我们称这种方法为浏览器级用户(BLU)。
在Flood元素中, 使用简单自然的动作(例如单击链接和按钮, 填写Web表单等)定义模拟的用户行为。一旦定义了行为, 便可以在Flood.io上大规模运行, 这是一个瞬间-大规模, 我的意思是成千上万的用户, 来自全球!
使用Flood Element进行负载测试可以帮助你全面了解用户体验的应用性能。考虑到用户本身就是用户自己的想法, 因此与传统的PLU工具相比, 开始使用Element BLU测试要舒适得多。
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
BLU帮助你从顶部到底部全面了解整个应用的性能。 PLU只能真正测试水线之下的内容-你的网络和服务器基础架构。
整体观点 从用户的角度来看, 使用Flood Element衡量整个应用程序的性能是一种很好的方法, 可以从整体上了解应用程序的性能, 从而抵御无法解释的更改-无论是临时异常还是代码的回归。
Flood Element BLU测试提供了更接近用户体验的性能视图。他们考虑了用户将体验到的性能的每个部分:网络性能, 以及页面脚本性能以及第三方脚本(例如分析或广告加载项)(实际上, 我们的测试是如此逼真, 以至于你需要采取措施, 不要在Google Analytics(分析)中创建虚假数据。)
如果使用Element运行BLU负载测试可以使你及时了解应用程序的性能, 则定期运行测试可以直观地了解你的应用程序变快还是变慢……也许像在注册小部件场景中一样突然变了。 。
编写测试 现在, 让我们开始使用Flood Element变得容易。
元素脚本使用TypeScript或现代JavaScript编写。为了获得最佳体验, 我们建议使用由VS Code编辑的TypeScript的出色组合, 因为它在开发测试时为你提供了许多有用的帮助。
你可以按照此处的入门说明安装Element:https://element.flood.io/
安装完成后, 在本地编辑和测试脚本, 以及准备将其上传到Flood.io时, 可以通过在此处注册试用程序来执行全面的负载测试:https://flood.io/load-performance-测试工具/免费试用版/
【如何使用Flood Element在实际浏览器中执行负载测试()】上面的注册方案的基本Element BLU测试可能看起来像
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
如果你熟悉协议级别的测试, 则知道所有时间都是围绕请求-响应事务安排的。当学习在浏览器级别进行测试时, 在对测试进行细化时还需要考虑一些额外的细节。特别是, 没有真正的内置定时分组, 因此我们需要在测试的结构中引入自己的定时分组。
分组计时的最直接方法是等待必要的元素出现在页面上, 就像用户一样。
在上述情况下, 我们有兴趣安排用户注册的体验, 而不是页面的加载。因此, 在第一步中, 我们访问URL, 并等待页面达到已知状态-直到显示标题。
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
接下来, 我们采取行动, 我们有意关注, 即填写并提交注册。
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
现在是时候将脚本保存到本地了, 因此我们可以将脚本上载到Flood, 并与成百上千的并发用户一起运行。
  • (如果你还没有的话)注册洪水。
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
  • 建立专案
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
  • 点击新项目中的” 创建洪水” 选项
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
  • 使用洪水元素选项创建测试
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
  • 为测试命名
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
  • 上载你创建的.ts脚本:
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
  • 设置浏览器(用户)数以及区域数, 以获取用户总数(浏览器数*区域数)。另外, 不要忘记设置测试持续时间:
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
  • 启动测试并等待结果出来:
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
  • 输入结果后, 查看图形并跳入它们可能会突出显示的任何问题区域:
如何使用Flood Element在实际浏览器中执行负载测试()

文章图片
总结
现在, 你知道了为什么(以及如何)使用Flood Element对浏览器级用户进行测试。使用这种新方法, 我们消除了创建负载测试的许多麻烦, 并且同时使结果更加逼真。
与成千上万的用户进行测试似乎很艰巨, 但是每次一步很容易:
  1. 下载元素
  2. 在本地编写一个简单的测试, 涵盖你的关键场景(即结帐)
  3. 使用” element run” 在本地运行测试以确保测试完全运行
  4. 将测试上传到Flood, 并以最大负载的5-10%运行(即, 如果最大负载为5, 000个用户, 则从250-500个用户开始)
  5. 评估结果并根据需要调整脚本和应用程序
  6. 将测试上传到Flood并以最大负载的50-100%运行(即, 如果最大负载为5, 000个用户, 则以2, 500-5, 000个用户运行)
  7. 增加测试范围以涵盖所需的其他方案, 直到达到所需的测试范围。
根据测试方案的复杂性, 你也许可以在一天内与成千上万的用户一起启动并运行。因此, 不要浪费任何时间-立即访问https://element.flood.io, 开始尝试Floodlight!

    推荐阅读