littlebot
Published on 2025-04-08 / 0 Visits
0

【源码】基于TypeScript和Puppeteer的网页性能测试工具

项目简介

本项目是基于TypeScript和Puppeteer开发的网页性能测试工具,能够模拟真实用户访问环境,对网站加载速度、渲染性能等关键指标开展性能测试。支持多任务并行测试,拥有丰富的插件系统便于功能扩展,还能导出测试数据,且具备友好的进度条显示。

项目的主要特性和功能

  1. TypeScript编写:代码具备高可读性与可维护性,且有编译时类型检查。
  2. 多任务支持:可同时测试多个任务,并自动处理和返回各任务的性能数据。
  3. 插件系统:提供插件系统,可接入外部插件,已实现metrics插件(包含TTFB、FP、FCP、FMP等性能信息)和timing插件(基于performance.timing api获取性能信息)。
  4. 数据导出:支持将测试数据导出到文件,方便后续分析处理。
  5. 友好界面:通过进度条显示测试进度,还提供截图和无JavaScript截图功能。

安装使用步骤

安装依赖

  1. 复制本项目源码。
  2. 使用npm或yarn安装依赖: bash npm install 或 yarn install

运行项目

bash npm start 或 yarn start

使用说明

  1. 配置测试任务(包含URL和其他相关参数)。
  2. 运行测试任务。
  3. 查看测试结果和性能数据。
  4. (可选)导出测试数据或集成其他插件功能。

注意事项

运行测试任务前需安装Puppeteer,且测试环境要满足项目其他依赖要求。项目参考了多个Web Performance相关文章和教程,以保证测试结果准确可靠。项目尚在开发阶段,后续会持续优化性能并增加功能。

下载地址

点击下载 【提取码: 4003】【解压密码: www.makuang.net】