本文首发于知乎 《阿里UC百亿级PV的前端监控平台实践》 ，搬运转载请注明出处，否则追究版权责任。
阿里UC百亿PV的岳鹰全景监控平台实践 系列文章：
- 阿里UC百亿PV的前端监控平台:（1）概述
- 阿里UC百亿PV的前端监控平台:（2）前端采集上报
- 阿里UC百亿PV的前端监控平台:（3）日志存储
- 阿里UC百亿PV的前端监控平台:（4）大数据分析
- 阿里UC百亿PV的前端监控平台:（5）数据可视化
前言
Web承载的业务越来越复杂，用户对于Web的体验要求也越来越高，Web性能的优劣对业务收益也有着非常直接的影响。
本文主要介绍阿里UC百亿级PV前端监控平台， 岳鹰全景监控平台 的实践历程 - 数据可视化，阅读时长 5 分钟。
岳鹰前端监控
数据可视化
经过数据清洗存储、统计分析这2个步骤之后，通过数据来定位解决问题的方法思路已经妥妥的存储在后端服务器；接下来要做的就是把数据可视化的呈现给开发者，让数据会说话。
实时数据
通过数据的实时展现，可以第一时间发现异常指标，并且对这一时刻的指标进行分析，例如截图中的「资源加载异常」。
图1：实时大盘
趋势数据
对于页面性能这种周期指标，可以更长时间周期的观察。另外，页面性能的均值作为用户体验的衡量，还需要考虑长尾用户的体验，因此我们也提供了 页面性能区间分布的统计，可以直接定位到页面访问缓慢的日志。
图1：页面性能趋势
图2：页面性能样本分布
分析定位
通过对数据统计聚类，发生异常的情况进行统计，从时间、地域、网络等不同维度加以统计，找出规律，找到问题影响范围进一步分析。
对于JS异常，还可以通过 source map 映射源码，快速定位到报错的具体代码。
图1：维度统计分析
图2：source map
岳鹰-WEB前端监控
阿里UC出品的 岳鹰全景监控平台 ，支持移动H5、PC站点、微信小程序以及支付宝小程序等各家小程序，PV、JS异常、页面性能等监控指标完整，已经对外开放，欢迎免费体验试用。
技术交流、第一时间掌握产品动态，欢迎联系微信小助手～
微信号 effirst-assistant
