随着2024年微信技术公开课的盛大开幕，我们得以一窥微信小程序生态系统的最新动态。在这次盛会中，有几个特别引人注目的话题，它们不仅展示了小程序技术的进步，还预示着未来开发趋势的新方向。以下是我几个比较感兴趣的点。小程序基础产品新能力分享、小程序性能优化最佳实践、多端框架 Donut.
PS：文章最后，溜达的时候。拍了几张靓照~~ 哈哈。。。
小程序基础产品新能力分享
微信小程序通过不断更新，增加了多项基础能力，极大地丰富了用户的使用体验和开发者的创造空间。以下是一些关键的新能力亮点：
- 常用小程序上线：基于用户行为信息，如使用频次，优化小程序的发现和访问流程，使用户能够更快地找到并使用他们喜爱的小程序。
- 小程序权重提升：通过接入新版一次性订阅消息，小程序能够提升其在用户界面中的权重，增加曝光机会。
小程序性能优化最佳实践
性能是用户体验的关键。微信技术公开课深入探讨了小程序性能优化的策略：
- 启动过程优化：从环境准备到代码包下载注入，再到页面渲染，每个环节都有其优化空间。
- 代码包管理：通过代码包拆分、分包预加载和异步化，以及更新策略的优化，显著提升了小程序的启动速度和运行效率。
- 网络和页面渲染：利用高性能模式的
wx.request、缓存管理器和Skyline渲染引擎，小程序能够实现快速的数据加载和流畅的页面展示。
多端框架Donut
Donut框架的介绍是本次公开课的另一大亮点，它为开发者提供了一个统一的开发平台：
- 一次编码，多端运行：开发者可以使用微信小程序技术和工具，一次性编码并分别编译为小程序、Android和iOS应用，实现跨平台开发。
- 低成本与高效率：Donut框架支持快速构建打包和多种调试方式，同时保持了与原生应用相媲美的性能和交互体验。
- 接口能力和扩展性：框架提供了完善的接口能力和强大的扩展性，支持Native扩展，满足不同开发者的需求。
小程序基础产品新能力分享
常用小程序上线，帮助用户更快找到使用过的小程序
- 基础规则：
用户使用小程序的频次等行为信息
- 小程序如何提升权重：
接入新版一次性订阅消息
发现小程序更新，帮助用户发现更多优质小程序
- 基础规则：
用户使用小程序行为的协同 过滤
- 小程序如何提升权重：
提升交易评价与体验评价 近期无违规记录 提升小程序性能与体验 接入更多新能力，如 Skyline
小程序胶囊更新，提升小程序服务认知
- 基础规则：
首次使用小程序
部分跳转类场景，如 Scheme、openSDK、视频号
- 小程序如何响应：
wx.onMenuButtonBoundingClientRectWeightChange
分享海报，打开小程序更便捷
能力介绍：
从小程序与APP中分享到聊天的图片，可以携带快捷打开小程序的小尾巴
小程序性能优化最佳实践
小程序启动的主要过程
- 环境准备
- 代码包下载、注入
- 页面渲染
页面数据请求 骨架屏替换 二次渲染
性能优化的关键之一:代码包
代码包拆分
主包控制大小 避免分包零碎 按业务场景拆分
分包优化
分包预加载 分包异步化(可解决主包太大的问题)
代码包更新
优先使用本地版本
性能优化的关键之二:启动逻辑
-
getSystemlnfo 拆分
-
避免 set/getStorageSync
-
合理使用 setData
性能优化的关键之三:网络
!!!对用户有意义的首屏取决于主要数据被加载出来
- wx.request 高性能模式(一行代码开启)
- 缓存管理器
- 弱网无法浏览
性能优化的关键之四:页面渲染
减少 WXML 节点树规模
- 减少不必要的节点
- 不要在启动时就创建过长的列表，可以渐进加载
使用 Skyline 渲染引擎优化
-
内置组件性能更好 view/text/image 下沉原生后耗时降低 30% scroll-view/swiper/picker-view 下沉实现更流畅
-
长列表性能优化 节点按需创建或按需渲染
-
样式处理更高效
WXSS 预编译为二进制 样式计算更快，wx:for 样式共享
- 页面跳转优化 页面跳转更快，层级无限制 内存占用减少
小程序多端框架
小程序多端框架# Donut，是支持使用微信小程序技术和微信开发者工具开发移动应用的框架，开发者可以一次编码，分别编译为小程序和 Android 以及 iOS 应用，实现多端开发；能帮助企业有效降低多端应用开发的技术门槛和研发成本，以及提升开发效率和开发体验。
小程序多端框架
小程序多端框架
商家经营载体的多元化拓展，不止小程序，还是有 App 以及其他类型应用
小程序多端框架|核心特性
使用小程序技术和开发者工具，可 低成本 & 快速 地构建出 Android 及 iOS 应用
- 低成本、高效便捷 ，支持快速构建打包，支持多种调试方式
- 性能与交互可媲美原生，转化 App 的性能和交互体验可媲美原生
- 接口能力完善且扩展性强，已全面适配小程序和 App 常用能力，且支持 Native 扩展
小程序多端框架|为什么选择
完善的工具链与服务
- 涵盖:开发调试、编译打包、证书签名管理、内测分发、更新管理
- 覆盖:常见第三方能力如地图、广告等;还有云服务、数据分析服务等
确实可以媲美原生
- 支持 webview 和 skyline 两种渲染引擎
- 构建的 App 的性能和交互体验确实可以媲美原生
免费且有技术支持
- 基础功能永久免费
- 专属社区小主页 &专属技术交流大群 & 专属技术支持小群
小程序多端框架|哪些开发者在使用
已在各地区各行各业中使用，已有数百款应用上架
- 已有App(重构)
业务上:小程序+App 多端经营，且以小程序为主 开发上:其他框架构建的App性能与体验不如预期
-
已有小程序(新转) 小程序规模已起来，忠实用户提出 App 更方便 小程序面向 C 端 +App 面向 B 端的组合
-
新开发 App
App 更符合需求:服务港澳台客户，或业务出海 App 更符合业务:AI 类的工具应用
- 新开发小程序 和 App
多端框架更具性价比:孵化新业务，双端同时上线 B 端业务: App 更方便
小程序多端框架|选型决策
- 业务上是否有 App 开发需求
- 团队上是否有降本增效诉求
- 已有 App 重构，成熟业务延展到 App 端，孵化新业务，双端同步上线。
小程序多端框架|如何使用
- 基于微信开发者工具，可获得一致的开发体验，可构建小程序 +App
- 快速开始 文档地址
总结
2024年的微信技术公开课不仅带来了小程序技术的深度更新，更为开发者社区注入了新的活力。随着新能力的分享、性能优化的最佳实践以及多端框架Donut的推出，我们有理由相信，微信小程序将继续作为创新和便捷服务的重要平台，在未来的技术发展中扮演更加关键的角色。让我们拭目以待，小程序生态将如何进一步演化，为用户和开发者带来更多可能。
