皮皮网

1.转转：微信小程序分包加载实战

转转：微信小程序分包加载实战

       微信小程序采用离线包机制，转转旨在提升用户体验。跳转通过下载预编译的源码代码，用户首次访问时可快速加载页面，转转再次访问时无需重复下载。跳转然而，源码插件源码这种设计存在两个关键问题：下载过程可能导致较高的转转用户流失率，尤其是跳转在广告投放场景下；而分包加载机制提供了解决方案。

       分包加载机制结合了离线包和M页的源码概念，允许将代码划分为主包和多个分包。转转主包在启动时下载，跳转用户访问需要的源码分包页面时，仅下载对应分包，转转qq弹窗源码显著减少了下载量，跳转缩短白屏时间，源码提升体验。

       转转小程序在采用分包机制前，初始加载代码量为2.MB。引入分包后，图片工具源码主包大小降至约1MB，下载时间减少了约%。根据用户访问轨迹，转转将代码分为约个分包，例如trade包包含了详情页、下单页、网络源码下载支付页等，这些页面可能在用户进入小程序后使用，形成完整链条。

       针对历史入口兼容性问题，转转保留了主包内每个页面的代码，仅保留跳转逻辑，源码包装python用户进入后自动跳转到对应分包页面，实现无感知体验。但为解决跳转页面占用空间的问题，转转计划优化判断逻辑，在onLaunch和页面跳转时直接跳入正确分包。

       总结转转在分包加载方面的实战经验，欢迎开发者交流。作者张所勇将在掘金开发者大会・微信小程序专场分享转转小程序开发经验，主题为“小程序WebView应用实践”。内容覆盖基础库1.6.4版本后，微信小程序支持web-view组件的应用实践，包括性能优化、多端适配、小程序能力集成以及存量M页处理等问题。

       掘金开发者大会现已开始报名，享受8折优惠。为文章读者提供专属福利：扫码进入小程序，输入优惠码“zz”，即可立减元（名额限量名）。活动包含技术盛宴、奖品和价值元的自助午餐，不容错过。