我想使用 Jmeter 进行 UI 性能测试。如何使用 Jmeter 进行 UI 性能测试？

Question

我想使用 Jmeter 进行 UI 性能测试。如何使用 Jmeter 进行 UI 性能测试？比方说，如果我想为 gmail 或 facebook 做。如何输入用户名/用户 ID 和密码？我知道我们需要为此传递参数。但是我该怎么做呢？谁能帮我解决这个问题。因为，我已经坚持了一段时间了。

Answer 1

有两种不同类型的测试：

1. UI 测试发生在 客户端 端，以便在您的 浏览器 中进行。因此，如果您需要检查渲染速度或分析 JavaScript 代码执行情况，使用 browser developer tools 就足够了。如果您想自动执行此检查 - 请查看 Selenium 浏览器自动化框架和 Window.performance object。根据JMeter project main page，JMeter 不会为您提供帮助：

   JMeter 不是浏览器，它在协议级别工作。就 Web 服务和远程服务而言，JMeter 看起来像一个浏览器（或者更确切地说，是多个浏览器）；但是 JMeter 并不执行浏览器支持的所有操作。特别是，JMeter 不会执行 HTML 页面中的 Javascript。它也不会像浏览器那样呈现 HTML 页面（可以将响应视为 HTML 等，但时间不包含在任何示例中，并且一次只显示一个线程中的一个示例)。

2. 如果您需要测试后端，例如模拟成百上千的用户同时使用被测应用程序，您需要模拟浏览器的网络活动。浏览器不会做任何魔法，它们只是发送HTTP Requests，接收响应并显示它们。 JMeter 可以发送请求并接收响应，因此您只需要弄清楚来回发送的请求是什么。选项之一是使用上述浏览器开发工具，请求有效负载将在“网络”选项卡中可见。一个更简单的选择是使用 JMeter 的 HTTP(S) Test Script Recorder 或 JMeter Chrome Extension 记录您的测试场景，这样您将获得测试“骨架”，在一些 correlation/parameterization 之后，您将能够使用 increased number of virtual users 重播记录的测试。

Answer 2

对于 UI 性能测试，您可以尝试以下选项：

1. 转到 google 开发者工具 >> Lighthouse >> 为类别生成报告，例如性能和最佳实践 从绩效审计中，您可以获得诸如交互时间等 KPI。 您无需为此创建任何脚本。
2. 您可以使用诸如 sitespeed.io 之类的开源框架并构建一个 dockerized env 来运行 UI 性能运行，该运行基本上是运行 chrome 无头时尚和捕获性能 KPI
3. 有许多在线性能分析网站运行一些解决方案或其他类似 #2 的解决方案并分享报告 其中之一是https://www.webpagetest.org/