如何性能测试反应 js 应用程序？答案

【问题标题】：How to Performance test react js application?如何性能测试反应 js 应用程序？
【发布时间】：2020-09-24 15:14:50
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

您可以使用 Google Chrome 的灯塔内置功能。

【讨论】：

【解决方案2】：

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

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

我个人会采用两管齐下的优化方法

使用 React 开发工具衡量单个用户的性能，使用它们并优化它们
一旦单用户性能令人满意，我会使用负载测试工具（可能是 JMeter）将负载推送到后端，并再次利用 React 开发工具来测量和解决加载后端时的任何客户端性能问题

【讨论】：

【解决方案3】：

根据TruClient documentation：

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

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

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

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

【讨论】：