yep-report

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. 自定义上报初始属性是否被覆盖