Web Performance monitor tool

Use window.performance to measure aspects of application performance

Config

| Key | Description | type | Default | | ---- | ---- | ---- | ---- | | appid | yep project id | Number | - | | sample | random report sample | Number | 0.1 | | immed | report immediately | Boolean | false | | release| your project version | String | - | | oversea| oversea project | Number | 0: false 1:true |

Collection

| Key | Description | type | Default | | ---- | ---- | ---- | ---- | | page | in web environment its value equal location.href | String | - | | dns | dnsDuration = domainLookupEnd - domainLookupStart | Number | - |
| tcp | tcpDuration = connectEnd - connectStart | Number | - |
| ttfb | ttfbDuration = responseStart - requestStart | Number | - | | trans | transDuration = responseEnd - responseStart | Number | - |
| dom | domParseDuration = domInteractive - responseEnd | Number | - |
| res | resourceDuration = loadEventStart - domContentLoadedEventEnd | Number | - |
| fb | firstByteDuration = responseStart - domainLookupStart | Number | - | | fpt | fptDuration = domLoading - fetchStart | Number | - | | tti | ttiDuration = domInteractive - fetchStart | Number | - | | ready | readyDuration = domContentLoadedEventEnd - fetchStart | Number | - | | load | loadDuration = loadEventStart - fetchStart | Number | - | | ebs | encodedBodySize | Number | - | | dbs | decodedBodySize | Number | - | | ts | transferSize | Number | - | | ssl | sslDuration = connectEnd - secureConnectionStart | Number | - |

Support

Modern browsers and Internet Explorer 9+.

Develop

# 安装依赖
yarn install

# dev 环境开发
yarn dev

# 发布
yarn npm-publish

Test

Browser

1. 无配置是否报错 ✅
2. 采样率检测 ✅
3. 没有 Performance api 是否报错 ✅
4. 没有 sendbeacon 是否报错 ✅
5. 上报格式是否正确 ✅
6. 触发阶段是否正确 ✅
7. 能否手动触发上报 ✅
8. 海外项目上报地址区分 ✅
9. 过渡期字段是否正确 ✅
10. vn 参数是否可以被覆盖 ✅
11. 自定义上报初始属性是否被覆盖 ✅

NPM

1. 无配置是否报错
2. 采样率检测
3. 没有 Performance api 是否报错
4. 没有 sendbeacon 是否报错
5. 上报格式是否正确
6. 触发阶段是否正确
7. 能否手动触发上报
8. 多次 import 是否会有问题
9. 能否自动触发上报
10. 海外项目上报地址区分
11. 过渡期字段是否正确
12. vn 参数是否可以被覆盖
13. 自定义上报初始属性是否被覆盖