如何使用Flood Element在实际浏览器中执行负载测试（） _性能优化

本文概述

整体观点
编写测试

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

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

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

文章图片
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测试可能看起来像

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