从重新认识前端渲染开始,小红书的前端性能监控及优化实践

阅读数:326 2019 年 8 月 12 日 14:37

从重新认识前端渲染开始,小红书的前端性能监控及优化实践

GMTC 北京 2019 大会上,来自小红书的李季骏讲师做了《从重新认识前端渲染开始,小红书的前端性能监控及优化实践》主题演讲,主要内容如下。

演讲简介:

App WebView 的混合开发方式由于其高效的迭代效率一直在业界备受应用,也正因如此,其渲染性能也往往被拿来和 Native 应用去做横向比较,自然也对前端开发者提出了更高甚至跨 scope 的技能要求。

对此,我们的分享先会从拆解我们所关注的核心性能感官体验开始(First Paint, First Meaningful Paint, First Screen Paint),并且从工具侧和监控侧赋能工程师,找到影响各个关键渲染帧的症结,逐步渗透到包括在 Vue 等主流 MVVM 框架下一些实践对性能的影响。带着以上的思考和实践,分享会再聚焦“零白屏 / 首屏秒开”的目标,讲解小红书前端如何借助客户端缓存能力、服务端渲染能力,实现的工程化的前端渲染性能优化解决方案。

讲师介绍:

李季骏

小红书社区前端工程师

2016 年底加入小红书至今,目前任职于社区前端组,负责了包括小红书前端工程化、服务端同构、Hybrid 容器层建设(WebView、React Native)等方向。对于跨平台混合开发场景有丰富的实践,并在效率、性能等方向累积了一定的工程化解决方案经验。

从重新认识前端渲染开始,小红书的前端性能监控及优化实践
从重新认识前端渲染开始,小红书的前端性能监控及优化实践
从重新认识前端渲染开始,小红书的前端性能监控及优化实践
从重新认识前端渲染开始,小红书的前端性能监控及优化实践
从重新认识前端渲染开始,小红书的前端性能监控及优化实践
从重新认识前端渲染开始,小红书的前端性能监控及优化实践
从重新认识前端渲染开始,小红书的前端性能监控及优化实践
从重新认识前端渲染开始,小红书的前端性能监控及优化实践
从重新认识前端渲染开始,小红书的前端性能监控及优化实践
从重新认识前端渲染开始,小红书的前端性能监控及优化实践

完整演讲 PPT 下载链接:
https://gmtc.infoq.cn/2019/beijing/schedule

评论

发布