Fork me on GitHub
秋染蒹葭

打造自己前端监控系统之一:性能信息采集

对于一个产品,需要面向客户,除了保证我们可以在用户出现异常甚至在用户出现异常前就知道这些问题可能出现,如何解决。程序员经典语录:在我电脑上是正常的,因此出了问题需要将问题以及出现问题的环境一块带回来。此外,在特别在意用户体验的今天,我们需要了解产品的使用情况,这些已经不仅仅是PV,UV了,我们需要分析数据中隐藏的信息,为产品的提升和改进提供数据支持。

哪些数据

访问

  • PV/UV
  • 页面来源(refer)
  • 操作系统(os)
  • 浏览器
  • 分辨率
  • 登录率
  • 地域分布
  • 网络类型
  • 访问时段
  • 停留时间
  • 到达深度

性能

  • 白屏时间
  • 首屏时间
  • 用户可操作时间
  • 页面总下载时间
  • 自定义的时间(开发人员关注的)

点击(习惯)

  • 页面的总点击量(导航类网页)
  • 人均点击量
  • 流出url(去向)
  • 点击时间(用户习惯)
  • 首次点击时间
  • 点击热力图

异常

  • 异常提示信息
  • JS文件名称
  • 异常所在行
  • 发生异常的浏览器
  • 堆栈信息(可能需要截取)

其他

  • 对特殊功能的支持程度(canvas)
  • 轮播图的翻页次数
  • ……

如何采集

参考资料

前端数据之美 – 基础篇
Web前端性能基础指标&计算方式
GMTC 大前端时代前端监控的最佳实践
嗨,送你一张Web性能优化地图
嗨,送你一张Web性能优化地图
漫谈前端性能优化
前端监控和前端埋点方案设计

2018你应该知道的Web性能信息采集指南

狙杀页面卡顿 —— Performance 指北

前端异常监控平台的设计思路及实现

如何优雅地上报前端监控日志
别再让你的web页面在用户浏览器端裸奔

zanePerfor 一款完整,高性能,高可用的前端性能监控系统,不要错过

本文标题:打造自己前端监控系统之一:性能信息采集

文章作者:zhyjor

发布时间:2018年01月17日 - 11:01

最后更新:2023年10月11日 - 02:10

原始链接:https://zhyjor.github.io/2018/01/17/打造自己前端监控系统之一:性能信息采集/

许可协议: 署名-非商业性使用-禁止演绎 4.0 国际 转载请保留原文链接及作者。

🐶 您的支持将鼓励我继续创作 🐶

热评文章