专题演讲嘉宾：吴开放

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

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

演讲提纲：

1. 背景与问题：搜索 H5 面临的问题

2. 解决思路：指导工作的方法论

3. 量化：了解四个首屏、可交互时间、卡顿率、体积的定义、采集和意义

4. 监控与分析：性能监控统计平台功能特性和架构介绍，了解如何设计监控平台

5. 优化实践

• 输入阶段：预加载页面的主文档和通用子资源。
• 搜索浏览阶段：通过精准定位首屏点加快首屏渲染、优化 MVVM 框架的 CSR 和 iframe 来减少卡顿、采用自适应 Webp 图片格式达到体积和成本双收益等
• 点出优化：预加载资源和基于端能力的点出加速等

6. 防退化：介绍线下拦截和线上报警等多工具保障指标不退化的思路

听众收益：

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

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

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