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

内容介绍

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

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

演讲提纲：

1. App WebView 开发模式给前端开发者提出的挑战，传统前端性能评估方式的崩塌
2. 核心性能体验指标的梳理和工程化的采集监控方案
3. 基于关键渲染帧的过程拆解、工具，和多个场景下的 practice
4. 小红书前端基于客户端缓存能力、服务端渲染能力的“零白屏 / 首屏秒开”方案
5. 前端性能优化的工程化思考