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

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

演讲提纲：

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

听众收益：

1. 理解在现代的 Web 开发模式下前端开发者了解前端渲染过程的必要性，并了解如何借助浏览器能力对其过程更加可控
2. 了解一套基于用户侧、端上的前端性能监控工程化方案
3. 了解借助客户端能力、服务端能力在前端渲染性能优化上的一些参考