小爝的知乎Live-如何监控性能 & 分析数据

一，背景：

性能优化一直是前端开发中永恒的主题，在技术更新迭代越来越快的今天，传统的雅虎35条优化军规可能已经不能涵盖前端优化方面的种种。

曾经的前端开发者最常见的误区就是，我本地做了一个优化，然后就认为我完成了一次性能提升，但实际上你面对的用户到底得到了多少提升，往往是不确定的，或者只是臆想的结论。

所以在做性能优化之前一定要先引入前端性能监控，了解用户的一个整体性能情况。而如何来做性能监控，我们需要关注的性能指标可能每家企业都不尽相同，业界有统一的标准，但是又不一定适合各自的产品。

所以选择指标，如何来给自己的产品定制性能基线，这部分尝试在业界又很少有人分享和总结。

所以这次live，我也决定把我知道的，监控的种类和监控方式，一些监控性能的实践心得分享出来，几年前大家关注的指标是什么？现在前端开发者们，用户们最关心的指标又是什么？

二，live主要内容：

在web开发中和在hybrid开发中，性能指标的制定差异在哪里？传统的web开发项目的优化手段是否满足现在的spa开发方式，针对spa开发方式我们又有哪些方式可以尝试优化手段。

在http2已经普及的今天，以前的一些网络优化方式可能已经过时，甚至会变成新的性能负担。这些我都会在我的live中给大家讲一讲我的个人理解和体验。

最后，干货部分，我会说一下，如何自己写一个性能监控上报模块，考虑的点有哪些。

一些重要的指标算法和获取方式的总结，如何根据数据方式来验证我们的优化是否真的是一个优化？用户到底是提升了什么？是好是坏，本次live都会一一给大家道来。

当然，也会结合一些工作中的具体case，给大家说一说我最近优化的几个页面和优化入手点，思考方式。

如果你对现代的前端性能优化有兴趣，不要错过这次live。下面是本次live的一个大纲脑图：

三，关于我和我的live：

你好，我是小爝，知乎「前端开发」话题优秀回答者，拥有近 9 年前端开发工作经验，目前负责团队前端架构和性能优化等工作，擅长 Node.js 和移动端开发、性能优化方案以及前端工程化的系统解决方案。

作为连接后台服务和用户的中间环节，前端在产品中扮演重要作用。随着前端技术的快速发展，现在前端工程师除了要负责过去的职责，还会涉及部分后端、跨平台的职能，变得越来越重要。

作为一名从事从业近 9 年的「前端老手」，我将在本场 Live 中围绕性能优化、数据分析，分享实现高效前端开发的实践经验。本场 Live 将重点围绕这 4 个方面：

1 ）前端性能监控的实施方案；
2 ）打点 SDK 的开发；
3 ）上报数据的收集；
4 ）数据收集后的分析方法和工具。

在此之后，我会以一个具体页面作为案例，向你详细介绍优化前端性能的着手点和方法论。本场 Live 除了适合前端工程师，同样适合所有对前端感兴趣的朋友。期待你的参与。

内容大纲：

- 普通的性能监控和前端性能监控的异同
- 前端需要关注哪些性能指标？如何收集这些指标？
- 收集数据和数据落地分析工具 & 系统的搭建
- 如何制定性能指标基线和观察每次性能波动差异
- 如何对具体页面进行前端性能分析，配合监控数据，提出优化建议
- Q&A ：回答你的问题

四，时间和后续交流

本次live会在2月10号晚上8点准时开始，欢迎参与和我一起讨论前端性能优化的一些经验，我们互相学习，分享经验，参与live 的小伙伴，作为新年贺礼，结束后会建立一个后续的交流微信群，我会拉参与的各位以后持续的讨论关于性能优化的各种知识。

也会在结束后10天左右，把live的文字版和完整ppt发到群里，多谢各位的支持。