1.0.8 • Published 3 years ago

mini-monitor v1.0.8

Weekly downloads
-
License
ISC
Repository
-
Last release
3 years ago

mini-monitor

前端性能监控。通过performance来收集页面中和的一些核心数据,帮助开发者更细致的了解自己负责产品的性能,并根据收集的性能数据来辅助前端页面性能的优化

推荐node版本

不小于8.9.0

使用

npm install mini-monitor

import MiniMonitor from 'mini-monitor';
new MiniMonitor({
	url: 'xxx', // 收集数据的服务接口地址
	// 如果服务端接口有一些必传字段,可通过baseParams来实现
	baseParams: {
		...
	},
	// 白名单。设定收集数据的指定域
	whiteName:['test1.baidu.com', 'test2.baidu.com'],
	// FP大于fpLimit则不做收集操作,默认4000ms。目的:排除一些极端情况和一些无意义的数据,如debug因素造成的FP时间太长
	fpLimit: 5000
})

相关性能指标

指标字段说明
path页面路径
FPfirst-paint
FCPfrist-contentful-paint
jsTimejs资源加载时间
cssTimecss资源加载时间
imageTime图片资源加载时间
videoTime视频资源加载时间
othersTime其他资源加载时间
whiteTime白屏时间
loadTimeload事件耗时
pageLoadCompleteTime页面加载完成的时间
domCompleteTime解析DOM树耗时
reqToDOMLoadTime请求完毕到DOM加载耗时
httpTimeHTTP请求耗时
tcpTimeTCP链接耗时
ndsTimeDNS查询耗时
appcacheTimeAppcache耗时
redirectTime重定向耗时
jsDetailjs资源加载详情
cssDetailcss资源加载详情
imageDetail图片资源加载详情
videoDetail视频资源加载详情
othersDetail其他资源加载详情
1.0.8

3 years ago

1.0.7

3 years ago

1.0.6

3 years ago

1.0.5

3 years ago

1.0.4

3 years ago

1.0.3

3 years ago

1.0.2

3 years ago

1.0.1

3 years ago

1.0.0

3 years ago