当前播放: 把前端性能监控做到极致
00:00 / 00:00
标清
  • 标清
1.0x
  • 2.0x
  • 1.5x
  • 1.25x
  • 1.0x
  • 0.5x
网页全屏
全屏
00:00
付费课程,可试看

把前端性能监控做到极致

杨森 蚂蚁金服 前端技术专家

杨森,蚂蚁金服 前端技术专家

内容介绍

在衡量 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- 使用性能数据指导产品优化
蚂蚁金服的实践效果

展开
¥4.99 购买
开通VIP
54
登录 后留言

精选留言

由作者筛选后的优质留言将会公开显示,欢迎踊跃留言。
收起评论
其他推荐
39:21
从平台构建到领域深耕: Kubernetes在华为云的实践与发展
王泽锋 华为云 Kubernetes开源负责人
试看
45:15
基于Istio on Kubernetes云原生应用的最佳实践
王夕宁 阿里云 高级技术专家
试看
32:48
微博深度学习平台基于Kubernetes的分布式解决方案
于翔 新浪微博 机器学习研发架构师
试看