![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
数据分析与监控
漂浮的云
这个作者很懒,什么都没留下…
展开
-
html5 crossorigin属性
使用步骤:1.在html标签中加了crossorigin=“anonymous”属性2.html标签中的src属性的资源服务器也需要开启cors验证,并允许引用页面的域名访问,否则页面无法加载这个JS如: Access-Control-Allow-Headers: Origin, X-Requested-With, Content-Type, Accept, Range ...原创 2019-05-16 11:49:47 · 5389 阅读 · 0 评论 -
前端页面性能指标及监测方法
页面性能指标 页面接收首字节时长(TTFB: time to first byte) 首屏加载时间 DomReady时间 页面完全加载总时长监测方法(t = performance.timing) ttfb:t.responseStart - t.navigationStart firstScreen: 首屏时间的话计算比较麻烦...原创 2019-05-16 11:47:55 · 2551 阅读 · 0 评论 -
页面行为/性能/错误监控的上报方式
在页面unload时,如果要上报当前数据,采用xhr的同步上报方式,会阻塞当前页面的跳转;使用new Image有可能遇到aborted,导致无法成功发送。上报方式主要有两种: 1. (new Image()).src = "xxxxxxx.do?xxx=aaaa&....." (GET方式,需要考虑数据大小,这样即使页面跨域也没问题) 2.navigator....原创 2019-05-16 11:47:14 · 384 阅读 · 0 评论