auto-performance-test v1.0.3

auto-performance-test

自动化检测性能指标工具

• 可以检测单个页面，也可以一次性的检测多个项目
• 可以自定义网络环境、过滤等级
• 针对出现的问题提供了针对性的修改意见
• 可以简单的通过命令行的形式进行检测，方便快捷

主要检测的属性包括以下

1. Largest Contentful Paint（LCP）:最大内容绘制时间
2. First Input Delay（FID）：第一次输入延迟
3. Cumulative Layout Shift（CLS）：累计布局偏移
4. First Contentful Paint（FCP）：首次内容绘制
5. First Meaningful Paint（FMP）：主要内容绘制时间
6. Speed Index（SI）：速度指数
7. Total Blocking Time（TBT）：总阻塞时间
8. Server Response Time（SRT）：请求响应时间
9. First Cpu Idle（FCI）：首次可交互时间
10. Time to Interactive（TTI）：可持续交互时间

使用方法

1.安装

npm i auto-performance-test

2.配置页面路径

创建config.js文件，其内容格式如下

const urlArr = [
    {
        url:'https://www.baidu.com',
        desc:'百度'
    },
    {
        url:'https://www.jd.com',
        desc:'京东'
    },
  
];
module.exports = {
    urlArr
}

其中页面的路径可以为在线的，也可以为本地的localhost:8080/XXX/XXX

3.配置命令

需要在package.json中配置检测的命令,示例如下

"scripts": {
    "test": "node node_modules/auto-performance-test/index.js ./config/config all fourg"
 }

其中命令中的./config/config为步骤2中配置的页面路径文件的文件路径，需要根据实际情况自行修改

其中all表示的是报警等级，all为指标全展示，care为只展示中等和差的指标，warn表示只关注差的指标

其中fourg表示的是网络环境，包括twog（2g），threegslow（慢3g），threegfast（快3g），fourg（4g），lte（自定义）。其中自定义的网络环境需要去插件源码中，config文件夹下的envirConfig去修改配置。