zhcn 技术 WebSphere 非公開: 如何使用 Flood 元素在真实浏览器中运行负载测试?

如何使用 Flood 元素在真实浏览器中运行负载测试?

所以我正在考虑负载测试。

也许您对当前的解决方案不满意,并发现编写和维护测试太困难。或者您可能正在考虑第一次运行负载测试。不管怎样,这是考虑负载测试的重要第一步。许多公司不进行负载测试并承担后果。

应用程序性能与关键业务指标(例如收入、客户注册或更一般的客户满意度)之间存在着良好的关系。所有在网络上开展业务的公司都必须确保其绩效不会对这些重要指标产生负面影响。即使有了这些改进,消耗更少的资源也可以帮助您的应用程序更好地运行,从而有可能在此过程中为您和您的用户节省资金。

无论您是负载测试新手还是拥有该领域的经验,您都知道有一系列令人眼花缭乱的工具和方法可以用来完成工作。今天我想谈谈我最喜欢的新负载测试工具: Flood Element

洪水
洪水
洪水

许多常见工具在协议级别运行,并尝试通过发出网络请求来模拟应用程序上的用户行为。但在当今的万维网中,网络应用程序变得越来越复杂,并且比以往任何时候都更多地利用浏览器不断增长的功能列表。

即使像网上商店这样看似简单的应用程序也会使用丰富的浏览器功能来使用户的在线选择、订购和支付体验尽可能流畅。

负载测试等级
负载测试等级
负载测试等级

因此,在当今的网络时代,协议级用户 (PLU) 测试只能让您全面了解应用程序的性能。相比之下,像 Flood Element 这样的新工具通过使用真实的 Web 浏览器模拟用户行为来进行测试。这种方法称为浏览器级用户 (BLU)。

Flood Elements 使用简单、自然的操作(例如单击链接和按钮以及填写 Web 表单)来定义模拟用户行为。一旦定义了您的行为,就可以轻松使用Flood.io 大规模运行它。我们所说的大规模是指全球数以千计的用户。

使用 Flood Elements 进行负载测试可帮助您全面、直观地了解用户体验到的应用程序性能。考虑到当我们自己是用户时,我们都会自然而然地以用户的身份思考,因此与传统的 PLU 工具相比,我们更愿意从 Element BLU 测试开始。

洪水蓝+
BLU 可帮助您从上到下真实地了解应用程序的整体性能。 PLU 仅测试真正低于水线的部分:您的网络和服务器基础设施。

整体视角

使用 Flood Elements 从用户的角度衡量整体应用程序性能可以创建应用程序性能的整体视图并防止无法解释的更改,无论是代码中的临时异常还是回归。

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 -测试工具/免负载测试-试用/

上述注册场景的基本 Element BLU 测试如下所示:

洪水元素蓝色
洪水元素蓝色
洪水元素蓝色

如果您习惯于在协议级别进行测试,您就会知道所有计时都以请求和响应事务为中心。当您学习如何在浏览器级别进行测试时,调整测试时需要考虑一些事项。特别是,实际上没有内置的计时组,因此您必须将自己的计时组引入到您的测试结构中。

分组计时的最简单方法是等待所需的元素出现在页面上,就像用户一样。

从上面的场景来看,我们对注册用户体验的时间感兴趣,但对页面加载不太感兴趣。因此,第一步是访问 URL 并等待页面达到已知状态,即直到显示标题。

洪水异步浏览器
洪水异步浏览器
洪水异步浏览器

接下来,填写您想要关注的行为,即注册并提交。

防洪对策
防洪对策
防洪对策

然后,将脚本保存在本地并将其上传到 Flood,以便它可以与数百甚至数千个并发用户一起运行。

洪水注册-e1542466930327
洪水注册-e1542466930327
洪水注册-e1542466930327

  • 创建一个项目

防洪工程
防洪工程
防洪工程

  • 单击新项目中的“创建 Flood”选项。

洪水创建项目 – e1542468717797
洪水创建项目 - e1542468717797
洪水创建项目 – e1542468717797

  • 使用 Flood Element 选项创建测试

洪水元素选项
洪水元素选项
洪水元素选项

  • 为测试命名

洪水测试名称
洪水测试名称
洪水测试名称

  • 上传您创建的 .ts 脚本。

洪水上传脚本
洪水上传脚本
洪水上传脚本

  • 设置浏览器数(用户数)和区域数,即可得到用户总数(浏览器数*区域数)。另外,不要忘记设置测试周期。

洪水配置负载
洪水配置负载
洪水配置负载

  • 开始测试并等待结果。

洪水启动测试 – e1542468800174
洪水启动测试 - e1542468800174
洪水启动测试 – e1542468800174

  • 获得结果后,查看图表并跳转到可能突出问题的区域。

洪水测试结果
洪水测试结果
洪水测试结果

结论

现在您知道为什么(以及如何)使用 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开始尝试 Flood Element。

对“如何使用 Flood 元素在真实浏览器中运行负载测试?”的简单易懂的解释您必须观看的最佳 2 个视频

Azure で始める 障害・負荷テスト
https://www.youtube.com/watch?v=lPrg9bpzthQ&pp=ygV9IEZsb29kIOimgee0oOOCkuS9v-eUqOOBl-OBpuWun-mam-OBruODluODqeO CpuOCtuOBp-iyoOiNT-ODhuOCueODiOOCkuWun-ihjOOBmeOCi-OBq-OBr-OBqeOBhuOBmeOCjOOBsOOCiOOBhoOBp-OBmeOBiz8maGw9SkE%3D
D1-1-OS2: Google Kubernetes Engine で実現するサーバー負荷テストサービス「Fukamill(フカミル)」の裏側をご紹介
https://www.youtube.com/watch?v=IFnqRBPK7B8&pp=ygV9IEZsb29kIOimgee0oOOCkuS9v-eUqOOBl-OBpuWun-mam-OBruODluODqeO CpuOCtuOBp-iyoOiNT-ODhuOCueODiOOCkuWun-ihjOOBmeOCi-OBq-OBr-OBqeOBhuOBmeOCjOOBsOOCiOOBhoOBp-OBmeOBiz8maGw9SkE%3D

所以我正在考虑负载测试。

也许您对当前的解决方案不满意,并发现编写和维护测试太困难。或者您可能正在考虑第一次运行负载测试。不管怎样,这是考虑负载测试的重要第一步。许多公司不进行负载测试并承担后果。

应用程序性能与关键业务指标(例如收入、客户注册或更一般的客户满意度)之间存在着良好的关系。所有在网络上开展业务的公司都必须确保其绩效不会对这些重要指标产生负面影响。即使有了这些改进,消耗更少的资源也可以帮助您的应用程序更好地运行,从而有可能在此过程中为您和您的用户节省资金。

无论您是负载测试新手还是拥有该领域的经验,您都知道有一系列令人眼花缭乱的工具和方法可以用来完成工作。今天我想谈谈我最喜欢的新负载测试工具: Flood Element

洪水
洪水
洪水

许多常见工具在协议级别运行,并尝试通过发出网络请求来模拟应用程序上的用户行为。但在当今的万维网中,网络应用程序变得越来越复杂,并且比以往任何时候都更多地利用浏览器不断增长的功能列表。

即使像网上商店这样看似简单的应用程序也会使用丰富的浏览器功能来使用户的在线选择、订购和支付体验尽可能流畅。

负载测试等级
负载测试等级
负载测试等级

因此,在当今的网络时代,协议级用户 (PLU) 测试只能让您全面了解应用程序的性能。相比之下,像 Flood Element 这样的新工具通过使用真实的 Web 浏览器模拟用户行为来进行测试。这种方法称为浏览器级用户 (BLU)。

Flood Elements 使用简单、自然的操作(例如单击链接和按钮以及填写 Web 表单)来定义模拟用户行为。一旦定义了您的行为,就可以轻松使用Flood.io 大规模运行它。我们所说的大规模是指全球数以千计的用户。

使用 Flood Elements 进行负载测试可帮助您全面、直观地了解用户体验到的应用程序性能。考虑到当我们自己是用户时,我们都会自然而然地以用户的身份思考,因此与传统的 PLU 工具相比,我们更愿意从 Element BLU 测试开始。

洪水蓝+
BLU 可帮助您从上到下真实地了解应用程序的整体性能。 PLU 仅测试真正低于水线的部分:您的网络和服务器基础设施。

整体视角

使用 Flood Elements 从用户的角度衡量整体应用程序性能可以创建应用程序性能的整体视图并防止无法解释的更改,无论是代码中的临时异常还是回归。

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 -测试工具/免负载测试-试用/

上述注册场景的基本 Element BLU 测试如下所示:

洪水元素蓝色
洪水元素蓝色
洪水元素蓝色

如果您习惯于在协议级别进行测试,您就会知道所有计时都以请求和响应事务为中心。当您学习如何在浏览器级别进行测试时,调整测试时需要考虑一些事项。特别是,实际上没有内置的计时组,因此您必须将自己的计时组引入到您的测试结构中。

分组计时的最简单方法是等待所需的元素出现在页面上,就像用户一样。

从上面的场景来看,我们对注册用户体验的时间感兴趣,但对页面加载不太感兴趣。因此,第一步是访问 URL 并等待页面达到已知状态,即直到显示标题。

洪水异步浏览器
洪水异步浏览器
洪水异步浏览器

接下来,填写您想要关注的行为,即注册并提交。

防洪对策
防洪对策
防洪对策

然后,将脚本保存在本地并将其上传到 Flood,以便它可以与数百甚至数千个并发用户一起运行。

洪水注册-e1542466930327
洪水注册-e1542466930327
洪水注册-e1542466930327

  • 创建一个项目

防洪工程
防洪工程
防洪工程

  • 单击新项目中的“创建 Flood”选项。

洪水创建项目 – e1542468717797
洪水创建项目 - e1542468717797
洪水创建项目 – e1542468717797

  • 使用 Flood Element 选项创建测试

洪水元素选项
洪水元素选项
洪水元素选项

  • 为测试命名

洪水测试名称
洪水测试名称
洪水测试名称

  • 上传您创建的 .ts 脚本。

洪水上传脚本
洪水上传脚本
洪水上传脚本

  • 设置浏览器数(用户数)和区域数,即可得到用户总数(浏览器数*区域数)。另外,不要忘记设置测试周期。

洪水配置负载
洪水配置负载
洪水配置负载

  • 开始测试并等待结果。

洪水启动测试 – e1542468800174
洪水启动测试 - e1542468800174
洪水启动测试 – e1542468800174

  • 获得结果后,查看图表并跳转到可能突出问题的区域。

洪水测试结果
洪水测试结果
洪水测试结果

结论

现在您知道为什么(以及如何)使用 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开始尝试 Flood Element。

对“如何使用 Flood 元素在真实浏览器中运行负载测试?”的简单易懂的解释您必须观看的最佳 2 个视频

Azure で始める 障害・負荷テスト
https://www.youtube.com/watch?v=lPrg9bpzthQ&pp=ygV9IEZsb29kIOimgee0oOOCkuS9v-eUqOOBl-OBpuWun-mam-OBruODluODqeO CpuOCtuOBp-iyoOiNT-ODhuOCueODiOOCkuWun-ihjOOBmeOCi-OBq-OBr-OBqeOBhuOBmeOCjOOBsOOCiOOBhoOBp-OBmeOBiz8maGw9SkE%3D
D1-1-OS2: Google Kubernetes Engine で実現するサーバー負荷テストサービス「Fukamill(フカミル)」の裏側をご紹介
https://www.youtube.com/watch?v=IFnqRBPK7B8&pp=ygV9IEZsb29kIOimgee0oOOCkuS9v-eUqOOBl-OBpuWun-mam-OBruODluODqeO CpuOCtuOBp-iyoOiNT-ODhuOCueODiOOCkuWun-ihjOOBmeOCi-OBq-OBr-OBqeOBhuOBmeOCjOOBsOOCiOOBhoOBp-OBmeOBiz8maGw9SkE%3D