在小程序研发的过程中，不同平台（如微信、支付宝等小程序）在开发的时候会遇到同一问题。不同平台的调试和体验差异直接导致在开发过程中会耗费大量的研发成本，于是我们开始思考如何将小程序研发工作简化统一，有效降低研发成本。

我们以 Taro 为基础，把微信小程序、百度小程序、H5 等多个平台的开发工作整合到一个工作台中。如果是开发者，可以从应用开发、功能调试到多平台小程序发布，整个开发工作流都可在工作台上完成；如果不是开发者，同样也可以体验到沙箱测试、数据统计、项目发版管理等实用功能。在这次分享中，我将详细讲述工程化对工作方式的改变，以及配合 Taro 使用的桌面客户端 Taro IDE 各个模块的实现方案及细节。

演讲提纲：

1. 小程序工程化背景

• 原始的工作流，大多数流程都依赖手工操作
• 多平台同时开发，多窗口来回切换导致体验割裂

2. 设计思路

• 为什么要做一个客户端
• 总体架构（模块划分）
• 我们的工作流

3. 研发增效

• 快速进入研发状态
• 多平台小程序调试器
• 海量多平台物料
• 可视化辅助编程
• 小程序测试套件

4. 流程加速

• 快速发布及回滚能力
• 直观的异常监控、业务数据统计

5. 插件定制能力

6. 展望未来

• 云构建
• 团队协作

听众收益：

1. 了解我们团队在小程序开发过程中对于工程化的思考
2. 了解 Taro 如何通过一系列配套设施实现研发提效

随着小程序生态的不断演进，移动端小程序时代已经全面来临。小程序凭借优秀的 Native App 化能力加持，得以充分赋能开发者，从而越来越多的 App 功能在小程序载体上落地。与此同时，如何持续提升小程序的性能体验，是每个小程序生态内的开发者都需要思考的问题。

百度智能小程序作为小程序生态平台构建者之一，我们曾在小程序运行时框架，协同小程序开发者等方面做过许多性能优化手段尝试和探索，也取得了较为不错的成绩。

本次分享将基于 2020 年度百度智能小程序架构与性能优化实践，由小程序架构原理介绍开始，详细介绍小程序框架以及与开发者协同的典型优化案例，包括小程序性能指标度量、性能优化方法论、小程序框架&业务优化等内容。为应对小程序秒开的性能挑战，将介绍小程序框架侧准备提供的新基建建设。希望对小程序生态内相关的开发者在性能优化方向上带来一些新的思路和帮助。

演讲提纲：

1. 运行基础，百度智能小程序架构

• 构建在多宿主 App 上的小程序生态
• 小程序开发全流程概览
• 小程序双线程模型

2. 协同提升，百度小程序性能优化实践

• 性能优化方法论
• 小程序启动流程与指标建立
• 框架优化
• JSVM builtin 能力加法：setData，request
• 组件 Native App 化打通
• 理想环境构建
• 能力扩展：prelink，onInit
• 小程序业务优化
• 渲染性能优化
• 一般手段：请求前置优化、渐进式加载、端能力调用

3. 新基建，秒开之路上性能优化的挑战

• 小程序资源预取
• 小程序云加速

4. 展望总结

• WebView 作为渲染层的性能极限？
• 渲染层 Native 化解决方案

听众收益：

1. 了解小程序框架侧以及与开发者协同方向上性能优化的具体手段。
2. 了解百度智能小程序近期在性能优化方向上的新基建建设。
3. 为小程序性能优化提出一些新的思考方向。

随着小程序生态的不断发展完善，各大公司对于小程序业务的重视也越来越高，滴滴出行也不例外。在 2019 年 Q3，我们成功将微信和支付宝钱包入口中的滴滴出行 Webapp 迁移为滴滴出行小程序。

滴滴出行作为一个多业务线长流程的复杂小程序，势必会给业务同学在开发过程中带来的大量的问题和挑战，为了解决复杂小程序开发问题，我们从 2018 年起，就自研了增强型小程序框架 Mpx，针对复杂小程序开发进行了大量的设计与优化，并随着业务发展进行了不断的迭代更新，形成了一套完整的小程序开发解决方案。目前，Mpx 支撑了滴滴出行内部绝大部分小程序业务开发，在外部也积累了大量成功案例。

本次分享，我会以滴滴出行小程序开发中遇到的问题作为实际案例，介绍 Mpx 框架中相关能力的设计思路与实现细节，结合其实际业务中的具体应用，详细阐述复杂小程序业务开发中相关问题的解决方案，给业内的小程序开发者们带来一些启发和帮助。

演讲提纲：

1. 滴滴出行小程序的复杂性

• 业务逻辑复杂
• 业务体量大，包体积超限
• 业务线繁多，跨团队开发
• 不同业务线接入方式不统一
• 需进行跨端输出及多语言支持

2. Mpx 框架背景与理念

• 小程序优先的增强型开发框架
• 与业内框架的异同对比：效率与性能的权衡
• 支持能力概览
• 框架使用情况

3. 基于 Mpx 的复杂小程序解决方案

• 数据响应开发及性能优化
• 基于依赖收集的编译构建及包体积优化
• 小程序跨团队开发
• 原生渐进迁移
• 跨平台输出
• 多语言支持
• TypeScript 与单元测试

4. 未来规划

• 持续跟进小程序技术发展
• 进一步完善框架跨平台能力
• 周边生态完善

听众收益：

1. 了解复杂小程序业务开发中可能遇到的问题及对应的解决方案
2. 了解 Mpx 框架相关能力的设计思路及实现原理
3. 了解从框架层面对小程序运行时性能及包体积进行优化的思路

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

1. 对于小程序开发有一定了解
2. 对于 Vue 有一定了解
3. 对于 Web 编译构建有一定了解

各家小程序百花齐放，如何判断自己的业务场景是否应该实现小程序，需要实现的话要完成哪些工作，这些任务又该选用怎样的技术？本次演讲会介绍快手小程序的业务场景，面临的挑战与解决方案，将介绍一个完整的小程序生态的产品框架与技术设计。

1. 快手小程序的背景和目前状况

• 简单介绍快手小程序的背景，我们为什么要做快手小程序
• 目前小程序在公司内的应用场景，以及业务方相关成效

2. 快手小程序的技术实现

• 介绍快手小程序的编译和运行时如何基于 Vue 进行快速开发
• 介绍客户端和 Web 如何进行配合实现小程序功能

3. 快手小程序的生态和规划

• 从技术开发层面探讨技术实现的可能性，如 Vue 单文件组件的支持等
• 从平台能力方面谈谈开发者工具、开发者平台的实现和规划，未来还会有更多的平台和工具使小程序开发变得更加简单
• 从应用场景谈谈小程序的边界和我们的尝试

听众收益：

• 深入了解 Vue 的原理与小程序架构
• 从原理上理解优化小程序的方法

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

小程序开发者，Vue 开发者