Hiper

🚀 A statistical analysis tool for performance testing

业界第一个性能测试的统计分析工具

The name is short for Hi performance

The output

Install

# install
npm i hiper -g

# 加载指定的网页50次以查看性能，默认20次
hiper -n 50 http://www.didichuxing.com

Usage

hiper --help

Usage: hiper [options] [url]

🚀 A statistical analysis tool for performance testing

Options:

   -v, --version                output the version number
   -n, --count <n>              指定加载次数（default: 20）
   -c, --config <path>          载入配置文件
   -u, --useragent <ua>         设置useragent
   -H, --headless [b]           是否使用无头模式（default: true）
   -e, --executablePath <path>  使用指定的chrome浏览器
   --no-cache                   禁用缓存（default: false）
   --no-javascript              禁用javascript（default: false）
   --no-online                  离线模式（defalut: false）
   -h, --help                   output usage information

Config

如果要测试的网页需要登录，需要你先在你本地的浏览器下登录，然后在浏览器下取出所需要的cookie，配置一个config.json文件，然后在cli中带入这个文件即可。

新建/home/config.json,

典型的配置如下：

{
   // 指向指定的chrome可执行程序
   "executablePath": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
   // 测试的url
   "url": "http://www.didichuxing.com",
   // 本次测试所需要的cookie。一般是登录信息的cookie
   "cookies": [{
      "name": "token",
      "value": "9+cL224Xh6VuRT",
      "domain": "i.xiaojukeji.com",
      "path": "/",
      "size": 294,
      "httpOnly": true
   }],
   // 测试次数
   "count": 100,
   // 是否使用无头模式
   "headless": true,
   // 是否禁用cookie
   "noCache": false,
   // 是否禁用javascript
   "noJavascript": false,
   // 是否离线
   "noOnline": false,
   // 设置useragent信息（可以不指定）
   "useragent": "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/66.0.3359.181 Safari/537.36",
   // 设置viewport信息（可以不指定）
   "viewport": {
      // 视口宽度
      "width": 375,
      // 视口高度
      "height": 812,
      // DPR
      "deviceScaleFactor": 3,
      // 是否模拟成mobile
      "isMobile": true,
      // 是否支持touch事件
      "hasTouch": false,
      // 是否是横屏
      "isLandscape": false
   }
}

# 如果在/home/config.json配置了url，那么在命令行中无需再指定url
hiper -n 50 /home/config.json

Pain spot

我们开发完一个项目或者给一个项目做完性能优化以后，如何来衡量这个项目的性能是否达标？我们的常见方式是在Dev Tool中的performance和network中看数据，记录下几个关键的性能指标，然后刷新几次再看这些性能指标， 有时候我们发现，由于样本太少，受当前「网络」、「CPU」、「内存」的繁忙程度的影响很重，有时优化后的项目反而比优化前更慢。如果有一个工具，一次性地请求N次网页，然后把各个性能指标取出来求平均值，我们就能非常准确地知道这个优化是「正优化」还是「负优化」。并且，也可以做对比，拿到「具体优化了多少」的准确数据。这个工具就是为了解决这个痛点的。

同时，这个工具也是学习「浏览器加载渲染网页过程」和「性能优化」的一个利器，因此我们也可以把他作为一个强大的学习辅助工具，不至于让我们在样本过少的情况下得到错误的结论。

Performance item

Roadmap

1. 更好的文档；
2. 国际化；
3. 增加页面加载的资源项的分析统计；
4. 更好的输出格式化；
5. 可以生成性能统计报告；
6. 数据可视化；

License

MIT

Copyright (c) 2018 liyanfeng(pod4g)