0

如何对 ReactJS 应用程序进行客户端性能测试?

JMeter 中是否有任何类似的类型,例如真正的客户端协议,如 Load runner 中的测试 ReactJS 应用程序。或者我可以用来测试 ReactJS 应用程序的任何其他方法。

4

3 回答 3

1

默认情况下,JMeter 没有任何类似 TruClient 的功能。当与 Selenium 集成时,它会带来其他有用的性能方面。

但在您的情况下,我强烈建议使用React Developer Tools(Facebook 的 chrome 扩展)来进行与 ReactJS 应用程序相关的所有性能测量。安装后,您会注意到 Chrome 开发工具中的 2 个附加选项卡,它们将帮助您进行性能优化。

在此处输入图像描述

我个人会遵循两管齐下的优化方法

  1. 使用 React Dev 工具测量单个用户的性能,坐在他们身上并优化他们
  2. 一旦单用户性能令人满意,我会使用负载测试工具(可能是 JMeter)将负载推送到后端,并再次利用 React Dev 工具来测量和解决加载后端时的任何客户端性能问题
于 2020-06-07T06:06:51.570 回答
1

您可以使用 Google Chrome 的灯塔内置功能。在此处输入图像描述

于 2020-06-05T12:51:44.597 回答
0

根据TruClient 文档

TruClient 是一种基于浏览器的工具,用于创建可用于负载测试或监控 Web 和移动应用程序的脚本。

所以它不是一个“协议”,它基本上是一个无头浏览器。

如果您需要使用 JMeter 评估应用程序的客户端性能,您可以通过提供 JMeter 与Selenium浏览器自动化框架集成的WebDriver Sampler来实现相同的目的。

您可以使用JMeter Plugins Manager安装 WebDriver Sampler

在此处输入图像描述

于 2020-06-08T17:16:44.330 回答