百度移动搜索历经多年的发展，新业务模块不断增加，技术演进迭代过程中也存在多套新旧框架，这些造成了臃肿的运行时，使得页面响应用户操作变慢，交互卡顿。

如何衡量和监控体验问题，形成对产品全流程的清晰认识。如何在常规优化后，通过多种手段确定和践行一系列新优化方向。如何在辛苦优化之后，避免我们的努力泡汤，指标退化。事实上，非常多的业务都面临这些问题。本次演讲我将分享百度搜索前端近期在页面交互全流程性能优化经验，希望与大家一起探讨解决这些问题，保证业务和技术继续前进。

演讲提纲：

1. 面临的挑战

2. 建立指标体系

• 构建丰富的指标体系：用户感知指标与技术指标设计
• 指标建设：介绍加载、卡顿、体积、交互类指标建设过程

3. 一站式 RUM 分析平台

• 性能分析工作的瓶颈和突破
• 平台思考与设计：让开发人员专注于开发

4. 优化实践

• 常规优化的思考：Trunk、打包与 H2 等
• Render 线程卡顿优化： Iframe 卡顿、 静态化、 MVVM 框架优化等
• 整页体积优化：图片懒加载、Webp 动态自适应等
• 云 Bundle 初试：云端动态资源服务
• 点出落地页优化：点出加速和预加载等

5. 防退化建设

• 性能预算与监控
• 性能准入工具与平台介绍

听众收益：

1. 获得百度搜索 H5 全流程性能优化建设过程和经验
2. 了解从加载、卡顿、交互等全流程性能指标建设
3. 了解卡顿、可交互、点出加速等优化方法
4. 了解线下线上结合进行性能监控和防退化

听懂我的演讲，需要具备这些知识储备：

1. 前端基础知识
2. 性能优化
3. 数据统计和分析
4. 开发者工具、Lighthouse 工具等