扫一扫分享
可以看成 Hi performance的缩写 或者 High performance的缩写
请使用英语提issue
npm install hiper -g
# 或者使用 yarn:
# yarn global add hiper
注意: It takes period (m)s to load .... 这个 period 是运行本次测试所用时间. 因此,-n 越大,这个数越大
Key | Value |
---|---|
DNS查询耗时 | domainLookupEnd - domainLookupStart |
TCP连接耗时 | connectEnd - connectStart |
第一个Byte到达浏览器的用时 | responseStart - requestStart |
页面下载耗时 | responseEnd - responseStart |
DOM Ready之后又继续下载资源的耗时 | domComplete - domInteractive |
白屏时间 | domInteractive - navigationStart |
DOM Ready 耗时 | domContentLoadedEventEnd - navigationStart |
页面加载总耗时 | loadEventEnd - navigationStart |
hiper --help
Usage: hiper [options] [url]
令人愉悦的性能统计分析工具
Options:
-v, --version 输出版本号
-n, --count <n> 指定加载次数(默认20次)
-c, --config <path> 载入指定的配置文件
-u, --useragent <ua> 设置useragent
-H, --headless [b] 是否使用无头模式(默认为true)
-e, --executablePath <path> 使用指定的Chrome浏览器
--no-cache 禁用缓存(默认为false)
--no-javascript 禁用JavaScript (默认为false)
--no-online 禁用网络(默认为false)
-h, --help 输出帮助信息
用例
# 当我们省略协议头时,默认会在url前添加`https://`
# 最简单的用法
hiper baidu.com
# 如何url中含有任何参数,请使用双引号括起来
hiper "baidu.com?a=1&b=2"
# 加载指定页面100次
hiper -n 100 "baidu.com?a=1&b=2"
# 禁用缓存加载指定页面100次
hiper -n 100 "baidu.com?a=1&b=2" --no-cache
# 禁JavaScript加载指定页面100次
hiper -n 100 "baidu.com?a=1&b=2" --no-javascript
# 使用GUI形式加载指定页面100次
hiper -n 100 "baidu.com?a=1&b=2" -H false
# 使用指定useragent加载网页100次
hiper -n 100 "baidu.com?a=1&b=2" -u "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"
支持 .json 和 .js 格式的配置文件
json
{
// options 指向Chrome可执行程序,一般不需要配置此项,除非你想测试某个特定版本的Chrome
"executablePath": "/Applications/Google Chrome.app/Contents/MacOS/Google Chrome",
// required 要测试的url
"url": "https://example.com",
// options 本次测试需要用到的Cookies,通常是登录信息(即你测试的页面需要登录) Array | Object
"cookies": [{
"name": "token",
"value": "9+cL224Xh6VuRT",
"domain": "example.com",
"path": "/",
"size": 294,
"httpOnly": true
}],
// options 测试次数 默认为20次
"count": 100,
// options 是否使用无头模式 默认为true
"headless": true,
// options 是否禁用缓存 默认为false
"noCache": false,
// options 是否禁掉JavaScript 默认为false
"noJavascript": false,
// options 是否禁掉网络 默认为false
"noOnline": false,
// options 设置指定的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",
// options 设置视口信息
"viewport": {
// options
"width": 375,
// options
"height": 812,
// options devicePixelRatio 默认为1
"deviceScaleFactor": 3,
// options 是否模拟成mobile 默认为false
"isMobile": false,
// options 是否支持touch时间 默认为false
"hasTouch": false,
// options 是否是横屏模式 默认为false
"isLandscape": false
}
}
配置的JS文件允许人们使用ENV变量。例如,假设你想在经过身份验证的状态下测试站点。你可以通过ENV变量传递一些用于标识你的cookie,有一个基于JS的配置文件使这变得很简单。例如
module.exports = { .... cookies: [{ name: 'token', value: process.env.authtoken, domain: 'example.com', path: '/', httpOnly: true }], .... } # 载入上述配置文件(假设配置文件在/home/下) hiper -c /home/config.json # 或者你也可以使用js文件作为配置文件 hiper -c /home/config.js
手机预览