如何使用 testcafe 获取一些浏览器性能指标

如何解决如何使用 testcafe 获取一些浏览器性能指标

我的应用程序有一些性能改进空间。 我们的客户要求在客户端（浏览器）端进行一些性能测量， 我正在尝试使用 testcafe 来获得一些执行时间指示。

一种选择是让人们访问不同的功能，在 Chrome 中激活 开发工具，并注意 DOMContentLoaded 值，太无聊、容易出错且耗时。

使用 testcafe 我们可以做开始到结束的测量，但是因为 testcafe 正在加载 通过其代理的页面很明显，这个数字将是最糟糕的。

有几个问题

1.代理添加的延迟量：
有没有人知道乘数之类的东西， 即：在 testcafe 中的次数将是 -> 您从开发者控制台获得的 DOMContentLoaded 的 X 倍。

2.何时从页面获取 Selector 值

我正在尝试这样做：
S1 - 访问页面 PageUnderTest
S2 - 设置过滤器值
S3 - 点击搜索提交页面并应用过滤器
S4 - PageUnderTest 使用过滤器呈现。

因为我正在尝试获取页面加载的时间， 我在发出 t.click(button) (S3) 之前得到 BEGIN Timestamp 然后我期待页面标题，但不知道 testcafe 是如何工作的 我担心 testcafe 从 S3 获得这个值，因为 PageUnderTest 已经 呈现。 有人可以提供一些说明吗？

我有一个在每次提交时都会更改的令牌，然后我在 S3 中获取令牌（点击之前） 并循环读取令牌，直到该值与 S3 中获得的值不同。 您认为这是一个好方法吗？

3- 如何理解页面已完全呈现。
您有什么建议吗？

最好的问候

解决方法

TestCafe 是为功能测试而构建的工具，支持您编写端到端测试，这些测试应该在您的 Web 应用程序中复制真实的用户场景。不要使用它来执行非功能测试（如性能或负载测试）。这样的测试不会产生任何决定性的结果。您可以阅读有关 TestCafe 范围的更多信息 here

,

尝试用大炮进行负载测试或性能测试。

此外，如果您想测量 UI 元素出现所需的时间，您可以构建一个计数器，但这些结果不会很准确。

我使用 testcafe 来做到这一点：

• 启动计时器并单击按钮 X
• 当元素 Y 出现时停止计时器。

我想看看一个 UI 元素出现需要多长时间，但这不是一个有效的测试，因为 UI 并不慢，它背后的 API 很慢，那是我尝试了 Artillery 的时候。

我使用 Artillery + Testcafe 进行测试。我是一名 QA，所以我不太了解其他人。