Web前端开发网

fly63.com

首页 资源 工具 文章 教程 栏目
  • 在线搜索
  • 文章标签
  • 广告合作
  • 赞助一下
  • 关于我们
资源推荐
阿里云优惠券
卓越的云计算技术和服务提供商
腾讯云优惠券
云服务器,云数据库,CDN,域名注册等多种云计算服务
扣子Coze
职场AI,就用扣子
豆包AI
字节跳动旗下 AI 智能助手
即梦AI
一站式智能创作平台,即刻造梦
AiPPT
全智能AI一键生成 PPT
堆友AI
零门槛,多风格AI绘画免费生成,电商海报设计神器
蜂小推
不扣量的项目推广平台
SpeedAI
一键去重、降AIGC率、数据可视化、论文写作

资源分类

AI智能 酷站推荐 招聘/兼职 框架/库 模块/管理 移动端UI框架 Web-UI框架 Js插件 Jquery插件 CSS相关 IDE环境 在线工具 图形动效 游戏框架 node相关 调试/测试 在线学习 社区/论坛 博客/团队 前端素材 图标/图库 建站资源 设计/灵感 IT资讯
网站收录 / 问题反馈

Hiper

分享
复制链接
新浪微博
QQ 好友

扫一扫分享

GitHub:https://github.com/pod4g/hiper
网站描述:一个性能统计分析工具,可让你网页性能提升 10 倍
GitHub

Hiper

可以看成 Hi performance的缩写 或者 High performance的缩写

注意事项

请使用英语提issue

安装

npm install hiper -g

# 或者使用 yarn:
# yarn global add hiper

输出

注意: It takes period (m)s to load .... 这个 period 是运行本次测试所用时间. 因此,-n 越大,这个数越大

性能指标

KeyValue
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

配置的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

仅供个人学习参考/导航指引使用,具体请以第三方网站说明为准,本站不提供任何专业建议。如果地址失效或描述有误,请联系站长反馈~感谢您的理解与支持!

链接: https://fly63.com/nav/3143

更多»
热门资源
mocha
现在最流行的JavaScript测试框架之一,在浏览器和Node环境都可以使用
官网
GitHub
Jest
Facebook开发的一个对javascript进行单元测试的工具
官网
GitHub
puppeteer
web前端自动化测试利器
官网
GitHub
mocker-api
为 REST API 创建模拟 API
官网
GitHub
FrontJS
轻量级的网站错误监控平台
官网
Gremlins.js
模拟用户随机操作的 JS 测试库
点击进入
GitHub
JSDebugger
基于 JavaScript 的调试程序
官网
GitHub
PhantomCSS
像素对比工具
点击进入
GitHub
DejaVue
Vue.js的可视化Chrome开发工具
官网
GitHub
avoriaz
一个Vue.js测试工具类库
官网
GitHub
qunit
一个强大的JavaScript单元测试框架
官网
GitHub
Expect.js
写一些简单测试用例、仿自然语言的方法
官网
GitHub
类似于Hiper的资源
jest-puppeteer
用Jest&Puppeteer Run运行你的测试
点击进入
GitHub
Sinon
一套面向js的单元测试辅助库
官网
GitHub
JSDebugger
基于 JavaScript 的调试程序
官网
GitHub
Google PageSpeed Insights
针对移动设备和电脑设备衡量网页的性能
官网
JSONPlaceholder
一个提供免费的在线 REST API 的网站
官网
GitHub
statusfy
一款优秀的状态管理页面
官网
GitHub
should.js
一款js测试断言库
官网
GitHub
Jest
Facebook开发的一个对javascript进行单元测试的工具
官网
GitHub
目录

手机扫一扫预览

》
分享组件加载中...
首页 技术导航 在线工具 技术文章 教程资源 前端标签 AI工具集 前端库/框架 实用工具箱 广告合作 关于我们

Copyright © 2018 Web前端开发网提供免费在线工具、编程学习资源(教程/框架/库),内容以学习参考为主,助您解决各类实际问题,快速提升专业能力。