Package Exports
- hiper
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (hiper) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
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 informationConfig
如果要测试的网页需要登录，需要你先在你本地的浏览器下登录，然后在浏览器下取出所需要的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": "example.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.jsonPain spot
我们开发完一个项目或者给一个项目做完性能优化以后，如何来衡量这个项目的性能是否达标？我们的常见方式是在Dev Tool中的performance和network中看数据，记录下几个关键的性能指标，然后刷新几次再看这些性能指标，
有时候我们发现，由于样本太少，受当前「网络」、「CPU」、「内存」的繁忙程度的影响很重，有时优化后的项目反而比优化前更慢。如果有一个工具，一次性地请求N次网页，然后把各个性能指标取出来求平均值，我们就能非常准确地知道这个优化是「正优化」还是「负优化」。并且，也可以做对比，拿到「具体优化了多少」的准确数据。这个工具就是为了解决这个痛点的。
同时，这个工具也是学习「浏览器加载渲染网页过程」和「性能优化」的一个利器，因此我们也可以把他作为一个强大的学习辅助工具，不至于让我们在样本过少的情况下得到错误的结论。
Performance item
Roadmap
- 更好的文档；
- 国际化；
- 增加页面加载的资源项的分析统计；
- 更好的输出格式化；
- 可以生成性能统计报告；
- 数据可视化；
License
Copyright (c) 2018 liyanfeng(pod4g)