0.1.9 • Published 3 years ago
yep-report v0.1.9
Web Performance monitor tool
Use
window.performanceto 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-publishTest
Browser
- 无配置是否报错 ✅
- 采样率检测 ✅
- 没有 Performance api 是否报错 ✅
- 没有 sendbeacon 是否报错 ✅
- 上报格式是否正确 ✅
- 触发阶段是否正确 ✅
- 能否手动触发上报 ✅
- 海外项目上报地址区分 ✅
- 过渡期字段是否正确 ✅
- vn 参数是否可以被覆盖 ✅
- 自定义上报初始属性是否被覆盖 ✅
NPM
- 无配置是否报错
- 采样率检测
- 没有 Performance api 是否报错
- 没有 sendbeacon 是否报错
- 上报格式是否正确
- 触发阶段是否正确
- 能否手动触发上报
- 多次 import 是否会有问题
- 能否自动触发上报
- 海外项目上报地址区分
- 过渡期字段是否正确
- vn 参数是否可以被覆盖
- 自定义上报初始属性是否被覆盖