彭伟春(六猴),阿里巴巴前端技术专家,现就职于阿里国际用户体验事业部,阿里云ARMS前端监控技术负责人,阿里开源同构框架 Beidou(https://github.com/alibaba/beidou) 作者,在前端、Node性能领域有着深入的研究和丰富的实战经验。
彭伟春(六猴),阿里巴巴前端技术专家,现就职于阿里国际用户体验事业部,阿里云ARMS前端监控技术负责人,阿里开源同构框架 Beidou(https://github.com/alibaba/beidou) 作者,在前端、Node性能领域有着深入的研究和丰富的实战经验。
海量用户规模、跨端用户环境、全球业务部署,给前端监控带来不少新的挑战,本次演讲将从前端监控最前沿的思考,到前端监控系统的架构,再到具体的案例分析,体系化地讲述前端监控的点点滴滴。
演讲大纲
1.前端监控的重要性:很多web性能优化领域大师都讲过,You Cannot Optimize what you cannot measure,而这里提到的measure tool就对应着监控系统。监控系统让一切性能优化可被量化,并跟业务点击率、跳失率等数据产生关联。
2.大前端时代前端监控的新变化:浏览器进入多TAB时代已经多年,PV统计的古法还够用吗?SPA伴随MVVM开发模式的盛行也变得更加流行,那SPA页面的PV该如何统计?首屏时间一个看似跟业务逻辑强耦合的关键时间,监控平台如何实现通用采集?一个日志采集SDK如何实现跨多端如browser/react native/weex/nodejs端的数据采集?前端监控 + AI = ?等等一系列大前端时代新衍生的前端监控问题,我们都会在本章进行探讨并解答。
3.阿里云ARMS前端监控系统架构:我们将会从日志采集域、日志处理域、数据可视化展现域、告警域四个维度详细的介绍阿里云ARMS前端监控系统架构。在日志采集域,我们会重点介绍Performance/ResourceTiming/AJAX/Fetch/JS Error等监控指标的采集原理,以及如何加速前端日志上行。
4.经典案例分享:通过实际案例讲述前端监控如何为双11保驾护航,如何及时反馈Lazada东南亚六国切流过程中线上前端系统稳定性大盘,以及如何进行长期的多个迭代的性能优化追踪。
听众收益
1.了解大前端时代前端监控的新变化:除了SPA页面的PV统计、跨端的前端监控、MVVM时代下通用的首屏渲染时间采集等等,前端监控还可以给业务带来更多可量化的价值,甚至还可以更加智能化
2.了解前端监控系统的架构,对前端日志采集SDK设计、分布式实时流计算架构、全球化部署、监控告警等领域有更深刻的认识
3.通过阿里的实践经验,对前端的JS ERROR监控、性能优化、线上问题定位、验证的全过程有系统的认识和思考