（可发送）亿级流量APP，是怎么做前端性能测试自动化的？

在测试工作中，需要对业务性能做测试。而现在的性能工具，像LR、JMeter这类的工具，相信大家都非常熟悉。都是用来做后端接口的性能，可以很精准的拿到后端的数据。比如，几百毫秒。但对于前端的性能，好像没有什么成熟的方案来进行测试。基于这种问题的有什么解决解决方案？

** 动态渲染可以应用在哪些场景？**

为什么要做动态渲染呢？在做动态渲染的时候会遇到哪些问题？该如何选择测试技术呢？如何设计代码方便以后进行维护？

场景一：

我们打开手机淘宝的时候，动态页面无法立刻刷新出来，需要做一些动效的渲染。从我们打开手机淘宝的这一瞬间，后端的信息返回是非常快的。而从我们前端拿到数据到渲染出来，经过了多长时间呢？为了关注用户的体验，就需要关注渲染的速度了。

淘宝的动效渲染

场景二：

在一些教育业务上，不管是web还是手机上，都需要展示一些类似于根号这类的公式。我们在键盘上是无法输入的。Latex公式需要有一个前端渲染的过程。渲染和动效一样，也是需要渲染时间的。

代码输出及Latex公式

场景三：

移动端并不是每个页面都是原生的。也有可能是内嵌的WebView。WebView打开需要多长时间，给用户的体验到底有多差？需要一个数据来度量。

加载时间以及渲染时间，需要很长时间。我们需要去优化。那优化的标准是什么？需要优化到什么程度？

标准的WebView页面

** 渲染测试的需求是？**

之前做前端的渲染测试，主要依赖手工测试。即用人工的方式录制视频，然后然后去看视频并人工计时，非常难以精确时间。效率低下且成本高。这些还不是重点，重点是结果差强人意，并不准确。

而我们需要的不仅是时间统计准确，还需要快速从 0 到 1
，实现自动化测试，释放人力。在现在小步快跑快速迭代的时代，前端改版频繁，就需要复写case方便，并且要尽量复用开源项目。

那针对这样的需求，我们究竟该如何实现自己的需求呢？我们请来了拥有多年测试开发经验的无咎老师来给大家进行干货分享，让你get
OpenCV的图像识别技术，让前端性能测试可以自动化，代码更精准。

- 今日互动 -

欢迎文章下方留言并分享给其他测试小伙伴哦~

小编PS：

前端性能测试怎么做？好像也没有什么成熟的方案。现在小步快跑快速迭代的时代，前端改版频繁，就需要快速从 0 到 1
，实现自动化测试，并且需要复写case方便。为此我们邀请了拥有多年测试开发经验的无咎老师给大家带来了《OpenCV的图像识别技术，让前端测试可以自动化，代码更精准》，想试听的小伙伴可扫码入群，了解更多课程信息。

（别忘了 长按 加小助手微信：iHogwarts003

回复“ 公开课 ”即可入群交流哦~）

来霍格沃兹测试开发学社，学习更多软件测试与测试开发的进阶技术，知识点涵盖web自动化测试 app自动化测试、接口自动化测试、测试框架、性能测试、安全测试、持续集成/持续交付/DevOps，测试左移、测试右移、精准测试、测试平台开发、测试管理等内容，课程技术涵盖bash、pytest、junit、selenium、appium、postman、requests、httprunner、jmeter、jenkins、docker、k8s、elk、sonarqube、jacoco、jvm-sandbox等相关技术，全面提升测试开发工程师的技术实力
QQ交流群：484590337
公众号 TestingStudio
点击获取更多信息