Mobile Web是一个大舞台，而中国的开发者数量众多。

多数开发者对 PWA 应该早有耳闻，或者对于 PWA 的概念或者具体是什么有了一定的了解。然而，他们可能还不是很清楚如何去构建一个 PWA，以及它在国内是否被主流的浏览器所支持？国内开发者可能更需要去理解，应用 PWA 有哪些限制需要注意，并根据场景去规避这个限制。

在本次演讲中，我们将探讨 PWA 在国内外的发展状况，以及各大浏览器对 PWA 的支持状况。希望和在座的开发者一起讨论，有哪些资源可以用来挖掘现代Web APIs的潜能，构建出超凡的体验。

移动端性能一直是业内老大难问题，维度多，难量化等都让人头疼不已。面对性能问题很多团队无从下手，往往只能头痛医头脚痛医脚，结果难以让人满意。

为此饿了么建立了一站式移动基础服务平台Grand，让枯燥无味的性能问题可视化。Grand建立了从代码级别到线上APM监控一站式完整闭环的移动端基础设施平台，在App每一个生命周期阶段不断优化各种问题。Grand使用的架构和工具包括：移动基础服务平台后端涉及分布式系统、SOA、ETL、Spark streaming，ELK、Time series db等等，移动端涉及AOP、底层hook技术、各种移动端性能指标收集等，前端涉及Vue、Element等。同时，Grand彻底打通移动端、H5端、后端APM监控体系，通过实时ETL和离线计算等多种手段来全方位保障App稳定如丝般顺滑。

Grand系统自动地找出移动性能问题，然后有针对性的给出优化解决方案，最终在线上通过AB测试来验证优化结果。

演讲提纲

• 常见性能问题和解决方案；
• 饿了么解决之路；
• 可视化数据案例展示；
• What's next。

听众受益

• 数据化思维和实战能力；
• 高可用、低耦合架构设计能力；
• DFF架构设计能力；
• 边缘计算思路。

菜鸟的技术体系相对来说在阿里巴巴是一个比较特殊的存在，是一个面向商家、面向合作商（简单来说是TO B）为主的互联网企业，80%的业务是后台管理系统，阿里传统的开发模式（产品到设计到前端到后端开发）越来越不适合，开发全栈前端成为了技术能力上升和研发效率体系非常关键的点，菜鸟经过1年多的全栈推进取得了一定的成绩，并且沉淀出了一套推动全栈的经验体系。

演讲提纲

• 为什么要全栈？什么情况下需要全栈？
• 如何开发前端全栈；
• 全栈技术架构体系的建设；
• 目前菜鸟全栈的现状、问题和风险；
• 全栈何去何从。

听众受益

• 如何提升多研发角色协同和研发效率提升；
• 大型研发团队技术能力提升的方法和过程；
• to B业务系统的全栈技术架构如何规划。

在多数公司的研发体系中，Web前端技术团队扮演着落地实施者的角色。 FEer通过众多Web前端研发框架和技术，负责产品中展现、交互以及优化部分的工作。

Web前端技术在百度搜索中扮演了什么样的角色？在百度搜索团队中，Web前端研发团队作为展现与交互技术的Owner，保证的产品构想的顺利实现和落地；另一方面，以业务痛点为背景，以Web前端技术作为驱动，不断推动了搜索产品不断向前发展与演化：或直接孵化出新的产品形态，或用精准用户行为反推现有产品优化，或利用栅格与组件思路优化产品整体效率，或与MIP/PWA等行业新标准结合，指引产品拥抱面向未来的变化。

本专题将从实际案例谈起，结合Web前端技术和搜索产品两个层面，讲述Web前端技术在百度搜索产品各个发展阶段中，如何对产品的发展变革进行驱动和赋能。

并以此为背景来进一步探讨和思考：Web前端的技术和团队，如何从产品实施和落地的角色，拓展到推动公司产品发展的一般思路和方法。

演讲提纲

• 百度搜索与Web前端技术
• Web前端技术推动百度搜索产品的实践

1. Instant Search
2. 回答产品的问题
3. “工业化” 的产品迭代速度
4. NA时代下的搜索体验

• Web前端技术推动产品的思路和方法

听众受益

• Web前端技术在百度搜索中的运用；
• 百度搜索Web前端研发的工作思路和方法；
• 探讨“除了展现与交互，Web前端还可为产品做些什么”。