把前端性能监控做到极致

所属专题:架构优化之路

所属领域:

嘉宾 : 杨森 | 蚂蚁金服前端技术专家

会议室 : 二层 2号厅C

讲师介绍

专题演讲嘉宾:杨森

蚂蚁金服 前端技术专家

蚂蚁金服前端技术专家,W3C Web Performance Working Group 成员,目前专注于为蚂蚁金服提供规范、易用、可行动的前端 APM 数据及产品。阿里巴巴集团实时监控平台 Clue 创始人,从零开始打造了一款服务于阿里集团 70 余部门的实时监控分析平台。曾参与业务数据分析产品、数据分析 BI 工具、智能数仓引擎等多种类型数据产品的开发与前端架构工作,有丰富的数据处理经验。

议题介绍

地点:二层 2号厅C
所属专题:架构优化之路
所属领域:

演讲:把前端性能监控做到极致

在衡量 Web 页面性能时,最普遍的做法是通过 YSlow、Lighthouse 等工具对页面进行一次性的诊断分析。诚然这些工具可以检查出诸多页面性能的瓶颈和优化点,但我们依然无法感知并量化用户在访问页面时的具体表现,因为真实场景的页面性能会受到诸多因素的影响,如用户使用的终端类型、服务器响应速度、所在地域 CDN 性能等。

借助“window.performance”对象我们可以在客户端获取到页面加载相关的性能指标,然而最为大家熟知的“performance.timing”字段已经被废弃,与此同时一批基于 High Resolution Time 和 Performance Timeline 的 API 也悄然加入到规范之中并逐渐被各大浏览器实现。

本次演讲将基于蚂蚁金服最新的实践结果,分享如何通过 Performance 相关的 API 准确的采集用户性能数据,并如何通过大数据计算加工最终产出用户性能分析产品,以及如何通过性能数据纵向衡量产品性能、发现性能瓶颈。

演讲提纲:

1- Web 性能分析方案介绍

  • 定性(工具检测)
  • 定量(基于真实用户数据)

2- 真实用户性能数据采集方案

  •  现有方案的问题
  •  新的 API 及采集方案
  •  如何基于新的 Performance API 采集真实用户数据
  •  数据上报与脏数据的处理

3- 如何打造规范、易用、可行动的性能分析产品

  •  SPA 是怎么带来 false positive 的性能数据的
  •  性能数据采集过程中的常见错误
  •  指标计算口径如何影响分析结果
  •  Service Worker 等新兴 API 如何影响性能数据

4- 使用性能数据指导产品优化

  • 蚂蚁金服的实践效果

听众受益点:

  • 如何准确、规范的采集 Web 性能数据
  • 避免性能数据采集过程中的常见错误
  • 利用最新的 API 采集到更多样、更精准的性能数据
  • 如何利用性能数据指导产品优化