在ArchSummit北京2018大会上，杨森讲师做了《把前端性能监控做到极致》主题演讲，主要内容如下。

演讲简介：

在衡量 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 采集到更多样、更精准的性能数据
如何利用性能数据指导产品优化

讲师介绍：

杨森

蚂蚁金服前端技术专家

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

完整演讲PPT下载链接：

https://archsummit.infoq.cn/2018/beijing/schedule

创作场景

把前端性能监控做到极致