前端性能测试包括哪些

Z, ZLW • 2023年1月15日下午8:47 • 科技 • 阅读 920

前端性能测试包括：1、启动时间；2、CPU；3、流量；4、电量；5、内存；6、FPS（每秒钟的帧数）；7、过度渲染.。启动时间主要测试app在启动过程中的耗时情况。

一、前端性能测试

启动时间：主要测试app在启动过程中的耗时情况
CPU：主要测试app在使用过程中占用CPU的占比率
流量：主要测试app在使用过程中所消耗的流量
电量：主要测试app在使用过程中所消耗的电量
内存：主要测试app在使用过程中对内存的消耗，验证在使用过程中无内存泄漏的情况
FPS：测试app流畅度异常的情况
过度渲染：可以发现app流畅度异常的情况

二、前端测试的类型

1、单元测试

在修复bug或添加一点功能时，软件的其他部分可能会停止工作。为了处理这种情况，单元测试将代码的各个部分分开，以单独检查其准确性。通常，开发人员会主动执行单元测试。对于开发人员来说，有必要根据需求采取并行测试和编码的迭代步骤。跳过或最小化单元测试可能会导致修复缺陷的成本增加。Javascript单元测试包括一个套件中有组织的测试数量，这些测试彼此不冲突，并且相互之间的依赖性更少。 “Unable to load alien.js” 这样的错误将属于Javascript单元测试。

2、端到端测试

端到端测试涵盖了应用程序从头到尾的流程，结束测试跟踪用户的旅程，如打开浏览器、导航，并体验完整的生产场景。端到端测试验证互连系统和软件系统，它包括一个完整的前端和后端系统。您可以对javascript应用程序使用端到端测试，例如TestCafe。

3、集成测试

集成测试的目的是使模块/组件按预期运行。集成测试技术应用于许多模块紧密耦合的大型应用中，模块被单独测试，一旦集成，组合行为被验证，它是与开发并行进行的。在集成测试中，您需要更多的逻辑技能，因为在测试期间，某些模块可能尚未准备就绪或正在构建中。集成时使用测试存根和驱动程序，集成测试将分析开发人员实现的逻辑是否遵循规定的标准。作为开发人员，您可能会更改一个模块中的数据结构，这需要在以后的模块中处理。当模块与第三方API交互时，查看响应非常重要。当开发人员跳过单元测试时，集成测试就不可避免了。

4、跨浏览器测试

LambdaTest通过提供在线浏览器兼容性测试工具打破了这个集团。您可以执行手动跨浏览器测试、响应测试、批量屏幕截图测试以进行UI回归比较。您甚至可以通过并行运行多个测试用例，使用Selenium网格执行自动跨浏览器测试。LambdaTest为您提供了2000多个真实浏览器，以及内置图像编辑器、录像机，以及与JIRA、asana、Trello等的多个第三方集成，以帮助您快速突出并记录错误。您还可以与多个CI/CD工具（如Jenkins、Travis CI、CircleCI等）集成，以便在云上执行跨浏览器测试时提供健壮且更快的交付管道。

5、功能测试

功能测试是自动化测试，有时也称为E2E测试或浏览器测试，实现功能测试是为了确保应用程序正在做它应该做的事情，通过馈电输入检查功能是否完整；就像在页面上点击一样。功能测试是为了检查整个应用程序，从前端到后端数据库，包括硬件和网络基础设施。它包括机器和组件，因此它也是集成测试的一种形式。功能测试的主要目标是测试应用程序的主要功能，它应该确保：用户在浏览应用程序的屏幕时感到轻松，它还将检查可访问性。

6、可视化/用户界面测试

视觉/UI测试包括屏幕截图的验证。这是一项质量保证活动，旨在确保屏幕在任何设备、屏幕分辨率、浏览器和操作系统上的外观与预期一致。通过无头浏览器中捕获的不同屏幕截图比较渲染版本的结果，可视化回归测试允许您检测偏差。在构建应用程序时，事情会变得过载和复杂，这种情况很容易破坏现有的功能并引入新的bug—单元、行为和集成测试将到位，以使应用程序稳定。在无头测试中，您可以在浏览器UI中运行测试，而不使用head。它在CI环境中特别有用。无头测试消除了GUI的额外开销，使您能够更快地运行测试，并实现轻量级脚本化自动化。无头测试工具：PhantomJS, Nightmare, Headless Chrome, Puppeteer。

7、性能/压力测试

性能测试是一种非功能性技术，它在各种工作负载下检查软件的稳定性、响应性、速度、可靠性和资源使用等系统参数。压力测试通过应用程序被重载以检查意外行为并了解其承受能力。

延伸阅读