阿里UC百億PV的前端監控平臺:（5）數據可視化

時間 2019-11-05

標籤阿里百億前端監控平臺數據可視化欄目阿里巴巴简体版

原文原文鏈接

本文首發於知乎《阿里UC百億級PV的前端監控平臺實踐》，搬運轉載請註明出處，不然追究版權責任。javascript

阿里UC百億PV的嶽鷹全景監控平臺實踐系列文章：html

前言

Web承載的業務愈來愈複雜，用戶對於Web的體驗要求也愈來愈高，Web性能的優劣對業務收益也有着很是直接的影響。前端

本文主要介紹阿里UC百億級PV前端監控平臺，嶽鷹全景監控平臺的實踐歷程 - 數據可視化，閱讀時長 5 分鐘。java

通過數據清洗存儲、統計分析這2個步驟以後，經過數據來定位解決問題的方法思路已經妥妥的存儲在後端服務器；接下來要作的就是把數據可視化的呈現給開發者，讓數據會說話。git

經過數據的實時展示，能夠第一時間發現異常指標，而且對這一時刻的指標進行分析，例如截圖中的「資源加載異常」。github

圖1：實時大盤

圖2：定位到這一分鐘的資源加載異常

對於頁面性能這種週期指標，能夠更長時間週期的觀察。另外，頁面性能的均值做爲用戶體驗的衡量，還須要考慮長尾用戶的體驗，所以咱們也提供了頁面性能區間分佈的統計，能夠直接定位到頁面訪問緩慢的日誌。web

圖1：頁面性能趨勢

圖2：頁面性能樣本分佈

經過對數據統計聚類，發生異常的狀況進行統計，從時間、地域、網絡等不一樣維度加以統計，找出規律，找到問題影響範圍進一步分析。對於JS異常，還能夠經過 source map 映射源碼，快速定位到報錯的具體代碼。小程序

圖1：維度統計分析

圖2：source map

阿里UC出品的嶽鷹全景監控平臺，支持移動H五、PC站點、微信小程序以及支付寶小程序等各家小程序，PV、JS異常、頁面性能等監控指標完整，已經對外開放，歡迎免費體驗試用。後端

技術交流、第一時間掌握產品動態，歡迎聯繫微信小助手～微信小程序

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。