前端埋点主要是为了服务运营人员采集用户行为数据,进行后续的数据分析工作。
前端监控和埋点能做什么
数据监控(用户行为)
pv,uv
记录操作系统
用户在每一个页面的停留时间(离开页面,进入页面)
用户进入的入口
用户在相应页面的触发行为,点击按钮
性能监控 (js中的performance)
用户的首屏加载
http请求响应时间
页面渲染时间
页面交互动画完成时间
关键代码
let timing =performance.timing,
start=timing.navigationStart,
dnsTime= 0,
tcpTime= 0,
firstPaintTime= 0,
domRenderTime= 0,
loadTime= 0;//DNS解析时间
dnsTime = timing.domainLookupEnd -timing.domainLookupStart;//TCP建立时间
tcpTime = timing.connectEnd -timing.connectStart;//首屏时间
firstPaintTime = timing.responseStart -start;//dom渲染完成时间
domRenderTime = timing.domContentLoadedEventEnd -start;//页面onload时间
loadTime = timing.loadEventEnd - start;
| 域名( domain ) | javascript | d