web性能测试工具（web测试性能测试）

本篇文章给大家谈谈web性能测试工具，以及web测试性能测试对应的知识点，希望对各位有所帮助，不要忘了收藏本站喔。 今天给各位分享web性能测试工具的知识，其中也会对web测试性能测试进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、Web自动化测试有什么常用的工具?
• 2、web性能测试工具-lighthouse&&perfomance&&pagespeed
• 3、Web常用自动化测试工具有哪些？手工测试和自动测试优缺点

Web自动化测试有什么常用的工具?

一、单元测试/测试运行器
1、Jest
知名的 Java 单元测试工具，由 Facebook 开源，开箱即用。它在最基础层面被设计用于快速、简单地编写地道的 Java 测试，能自动模拟 require() 返回的 CommonJS 模块，并提供了包括内置的测试环境 Dom API 支持、合理的默认值、预处理代码和默认执行并行测试在内的特性。通过在并行进程中同时运行测试，让测试更快地结束。
2、AVA

号称“未来的测试运行器”，利用 Java 在 Node.js 里使得 IO 可以并行的优点，让你的测试可以并发执行，这对于 IO 繁重的测试特别有用。另外，测试文件可以在不同的进程里并行运行，让每一个测试文件可以获得更好的性能和独立的环境。测试并发执行强制你写原子测试，意味着测试不需要依赖全局状态或者其他测试的状态。
3、Mocha
一个功能丰富的测试框架，用于 Node.js 和浏览器上的 Java 应用测试，使异步测试变得简单而有趣。它可以持续运行测试，支持灵活又准确的报告，当映射到未捕获异常时转到正确的测试示例。

3、Mocha
一个功能丰富的测试框架，用于 Node.js 和浏览器上的 Java 应用测试，使异步测试变得简单而有趣。它可以持续运行测试，支持灵活又准确的报告，当映射到未捕获异常时转到正确的测试示例。

4、Karma
基于 Node.js 的 Java 测试运行器，旨在为开发人员带来有效的测试环境。可用于测试所有主流 Web 浏览器，也可集成到 CI 工具，还可和其他代码编辑器一起使用。另外一个强大特性就是，它可以监控文件的变化，然后自行执行，通过 console.log 显示测试结果。
二、Web 测试
1）集成测试
Enzyme
一个用于 React 的 Java 测试工具，方便你判断、操纵和历遍 React Components 输出。其 API 旨在通过模仿 jQuery 的 API ，使得 DOM 操作和历遍很灵活、直观。兼容所有的主要测试运行器和判断库。
2）功能测试
selenium录制器
一个易于使用的采用关键字驱动的理念的浏览器自动化测试解决方案。它强大的录制回放功能是在所有web测试工具中是最强悍的。该工具支持不同级别的测试技能，非程序员可以轻松地启动自动化测试项目，而程序员和高级自动化测试人员可以节省构建新库和维护脚本的时间。
3）Visual 测试

Storybook
一个 UI 组件的开发环境，允许你浏览组件库，查看每个组件的不同状态，以及交互式开发和测试组件。它运行在应用之外，允许隔离开发 UI 组件，这可以提高组件的重用性、可测试性和开发速度。

4）猴子测试（Monkey Testing，也称“搞怪测试”）
Gremlins.js
一个用 Java 编写的猴子测试库，用于 Node.js 和浏览器。通过释放大量无规律的 gremlins 来检测 Web 应用的鲁棒性。
5）服务端测试
1、K6
用于测试性能，以开发人员为中心的负载测试工具。提供了一个通过 REST API 进行编排的清新易用的脚本 API 。使用 Go 和 Java构 建，可以很好地集成到开发工作流程中。
2、SuperTest
SuperAgent 的一个扩展，一个轻量级 HTTP AJAX 请求库。提供对 HTTP 测试的高度抽象, 极大地简化了基于 HTTP 的测试。

更多软件测试知识可关注黑马程序员

web性能测试工具-lighthouse&&perfomance&&pagespeed

先访问需要评估的网站，比如 http://www.baidu.com，然后 generate report 即可。lighthouse 会运行一系列的测试审查这个页面，然后它会把关于页面执行的一些性能指标以报告的形式展示给你。你可以参考这份报告中的一些指标提示来提升你的网站应用。Lighthouse 能够生成一份 JSON 或 HTML 报告，比如下图：
Lighthouse 运行测评的过程有一套完整的生命周期，可以划分成三个主要流程：

Collecting（收集数据）： 首先是 Collecting 流程，这一步会调用内置的驱动程序（Driver） ，其作用是通过谷歌开发工具协议（ Chrome DevTools Protocol） 调起浏览器，并创建新的 tab 请求待测评的站点，通过浏览器采集站点数据并将结果（称之为 Artifacts）保存在本地临时目录。

Auditing（分析数据）： 然后进入 Auditing 流程，读取 Artifacts 数据，根据内置的评判策略逐条进行检查并计算出各项的数字形式得分。

Report（生成报告）： 最后进行 Report 流程，将评分结果按照 PWA、性能、无障碍访问、最佳实践等纬度进行划分，以 JSON、HTML 等格式输出。

如下图：

使用 Lighthouse 对网站进行测评后，我们会得到一份评分报告，它包含了性能（Performance），访问无障碍（Accessibility），最佳实践（Best Practice），搜索引擎优化（SEO），PWA（Progressive Web App）五个部分：
性能评分的分值区间是0到100，如果出现0分，通常是在运行 Lighthouse 时发生了错误，满分100分代表了网站已经达到了98分位值的数据，而50分则是75分位值的数据。

影响评分的性能指标：性能测试结果会分成 Metrics，Diagnostic，Opportunities 三部分，但只有 Metrics 部分的指标项会对分数产生直接影响。

Lighthouse 会衡量以下 Metrics 性能指标项：

首次内容绘制（First Contentful Paint）。即浏览器首次将任意内容（如文字、图像、canvas 等）绘制到屏幕上的时间点。

首次有效绘制（First Meaningful Paint）。衡量了用户感知页面的主要内容（primary content）可见的时间。对于不同的站点，首要内容是不同的，例如：对于博客文章，标题及首屏文字是首要内容，而对于购物网站来说，图片也会变得很重要。

首次 CPU 空闲（First CPU Idle）。即页面首次能够对输入做出反应的时间点，其出现时机往往在首次有效绘制完成之后。该指标目前仍处于实验阶段。

可交互时间（Time to Interactive）。指的是所有的页面内容都已经成功加载，且能够快速地对用户的操作做出反应的时间点。该指标目前仍处于实验阶段。

速度指标（Speed Index）。衡量了首屏可见内容绘制在屏幕上的速度。在首次加载页面的过程中尽量展现更多的内容，往往能给用户带来更好的体验，所以速度指标的值约小越好。

输入延迟估值（Estimated Input Latency）。这个指标衡量了页面对用户输入行为的反应速度，其基准值应低于 50ms。

Metrics 部分的指标项会直接影响分数，可以作为我们的主要参考点。
另外的两部分中，  Opportunities  指的是优化机会，它提供了详细的建议和文档，来解释低分的原因，帮助我们具体进行实现和改进。 Diagnostics  指的是现在存在的问题，为进一步改善性能的实验和调整给出了指导。这两者不会纳入分数的计算。
每一项性能指标对评分的贡献都有其计算逻辑，Lighthouse 会将原始的性能值映射成为 0-100 之间的数字。

例如，FMP（First Meaningful Paint）的原始值是从页面初始化开始到主要内容渲染成功的耗时，根据真实站点的数据，顶级性能的站点的 FMP 值约为 1220ms，这个值会被映射成 Lighthouse 的 99 分。

针对不同的评分，Lighthouse 用了不同的颜色进行标注，分值区间和颜色的对应关系如下：

0 - 49（慢）：红色

50 - 89（平均值）： 橙色

90 - 100（快）： 绿色

各个指标对性能评分的贡献并不相同，权重较大的指标，对性能评分的影响更大一些。各指标权重分配情况可参考： https://docs.google.com/spreadsheets/d/1Cxzhy5ecqJCucdf1M0iOzM8mIxNc7mmx107o5nj38Eo/edit#gid=0
访问无障碍评分的分值由相关指标的加权平均值计算而来。可以在 评分详情 查阅每项指标的具体权重。同理，较大权重的指标项对分数的影响较大。

无障碍性的每个指标项测试结果为pass或者fail，与性能指标项的计算方式不同，当页面只是部分通过某项指标时，页面的这项指标将不会得分。例如，如果页面中的一些元素有屏幕阅读器友好的命名，而其他的元素没有，那么这个页面的 screenreader-friendly-names 指标项得分为0。
最佳实践评分的分数区间为0-100。影响这项评分的指标项的权重都是相同的。

比如：推荐使用 https，跨域的跳转链接需要使用 rel 标识，不能使用废弃的 API等等。
比如：图片元素使用 alt 属性等等提高搜索引擎搜索排名，便于搜索引擎能找到你这个网站。
Lighthouse 使用 PWA 基准检查项列表（Baseline PWA Checklist）进行测评，测评结果将这些指标项分成了四个类别，共包含12个自动测试项和3个手动测试项，其中各个自动测试项的评分权重是相同的。PWA 的评测指标对我们来说非常重要，我们可以从这四个类别详细了解一下基准指标项。

快速可靠：

页面在移动网络条件下能够快速加载。

在离线条件下页面能够返回状态码200。这里我们可以通过 Service Worker 来实现离线可用。

start_url 在离线条件下返回状态码200。start_url 是前面章节我们提到过的 manifest.json 中的一个属性，它指定了用户打开该 PWA 时加载的 URL。

可安装：

始终使用 HTTPS。

注册 Service Worker 来缓存页面以及 start_url。

使用 manifest 文件来实现安装 PWA 的需求，浏览器能够主动通知用户将应用添加到桌面，增加留存率。

PWA 优化：

将 HTTP 流量重定向到 HTTPS。

配置自定义启动画面。

设置地址栏主题颜色。

页面内容针对视口大小自适应，对移动用户的展示更友好。

使用了

当 JavaScript 文件不可用时，提供降级措施，页面能显示基本内容而不出现白屏。

手动测试项：

站点跨浏览器可用，如主流浏览器 Chrome, Edge, Firefox 及 Safari 等。

页面间切换流畅，即使在较差的网络环境下，切换动画也应该简洁顺畅，这是提高用户感知体验的关键。

保证每个页面都有独一无二的 URL，能够在新的浏览器窗口打开，且方便在社交媒体上进行分享。
安装成功后，浏览器右上角显示：
F12后，点击pagespeed-start analyzing
参考：https://www.cnblogs.com/xiaohuochai/p/9182710.html

Web常用自动化测试工具有哪些？手工测试和自动测试优缺点

自动化测试工具大概分2类: 负载压力测试工具和功能测试工具.
负载压力测试工具就是性能测试工具, 比较好的有LoadRunner, 功能很全. 其它的QALoad, OpenSTA, 等等, 这些不是很了解.
功能测试工具常用的就是WinRunner, QTP了, 这两个其实差不多, 如果说区别, WinRunner可能对逻辑测试上更好点. QTP在网页测试方面会强一点, 但由于HP对WinRunner已经不再提供升级服务, 因此现在一般都是用QTP. 关于web性能测试工具和web测试性能测试的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。 web性能测试工具的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于web测试性能测试、web性能测试工具的信息别忘了在本站进行查找喔。