如何对js应用程序进行性能测试？

Question

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

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

Answer 1

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

Answer 2

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

但是对于您而言，我强烈建议您使用 React Developer Tools（Facebook的Chrome扩展程序）进行与ReactJS Apps相关的所有性能评估。安装完成后，您会在Chrome的开发工具中注意到另外2个标签，这些标签将帮助您进行性能优化。

我个人将采用2分法进行优化

1. 使用React Dev工具衡量单个用户的性能，坐在他们上并对其进行优化
2. 一旦单用户性能令人满意，我将使用负载测试工具（可以是JMeter）将负载推向后端，并再次利用React Dev工具来衡量和解决后端加载时的任何客户端性能问题

Answer 3

根据TruClient documentation：

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

因此，它不是“协议”，基本上是无头的浏览器。

如果您需要使用JMeter评估应用程序的客户端性能，则可以通过WebDriver Sampler获得相同的效果，该{J3eter}与J Selenium浏览器自动化框架集成在一起。

您可以使用JMeter Plugins Manager

安装WebDriver Sampler