如何使用 Chrome Dev Tool for Angular JS Web Site 为多个用户进行性能测试答案

【问题标题】：How to do performance testing for multiple user using Chrome Dev Tool for angular JS Web Site如何使用 Chrome Dev Tool for Angular JS Web Site 为多个用户进行性能测试
【发布时间】：2017-06-19 12:04:33
【问题描述】：

我开发了一个 Angular JS Web 控制台。 Web 控制台基本上是创建、删除、检索和删除用户。我想使用 Chrome Dev Tool 或 Jmeter

进行性能测试

如果我使用 Jmeter 我如何才能真正监控 Web 控制台本身的行为，因为从 Jmeter 我只能检查 API 的响应时间。

如果我使用 chrome 开发工具，那么如何针对多个用户测试它的 post 和 get 操作。

例如，我有一个场景，有 10 个用户同时注册或登录。如何测试这种行为。

OR

50 人一次使用表单创建、删除或检索用户。

OR

如果有 50 个用户同时使用 Web 控制台，Web 控制台的行为会怎样。

注意： Web 控制台部署在服务器上。我想在本地和服务器上测试它。

需要帮助。提前致谢！

【问题讨论】：

我不明白。 angularjs 是在客户端运行的，所以一个或 50 个用户对于服务器来说是一样的。我会像 Node.js 或服务 API 的东西那样测试服务器端

标签： angularjs jmeter google-chrome-devtools performance-testing

【解决方案1】：

服务器端性能和客户端性能是不同的野兽，因此您可以将性能测试要求分为两个主要部分：

使用 JMeter HTTP Request 采样器在您的 Web 控制台上执行所需的负载。确保正确配置 JMeter 以处理 cookie、缓存、标头、嵌入式资源（脚本、样式、图像）。有关如何正确配置 JMeter 的全面说明，请参阅How To Make JMeter Behave More Like A Real Browser 文章。如果您需要在完全相同的时间触发请求，也可以考虑Synchronizing Timer
由于 JMeter 既不实际呈现页面也不执行客户端 JavaScript，您可以使用以下方法之一（或任意组合）检查客户端性能
- 使用YSlow软件
- 使用上述 Chrome 开发工具
- 使用WebDriver Sampler（它提供Selenium 和JMeter 集成），这样您就可以测量页面呈现时间。如有必要，您可以使用Navigation Timing API 添加自定义脚本逻辑，以自动方式获取有关页面加载事件的一些扩展信息

【讨论】：

谢谢兄弟的建议。