前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >微信小程序、UniApp如何实现分包预加载???

微信小程序、UniApp如何实现分包预加载???

作者头像
我只会写Bug啊
发布于 2023-12-25 06:55:47
发布于 2023-12-25 06:55:47
1.1K00
代码可运行
举报
文章被收录于专栏:Bug EngineerBug Engineer
运行总次数:0
代码可运行
“正在加载模块”?

如果我们小程序中使用了分包,我们在第一次加载分包中页面时,通常会提示“正在加载模块”,在意用户体验的你肯定不会接受的吧!!

分包预加载如何实现?
分包预下载目前只支持通过配置方式使用,暂不支持通过调用API完成
1. 预下载分包行为在进入某个页面时触发,通过在 app.json 增加 preloadRule 配置来控制
代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
 "preloadRule": {
	 "pages/pose-contact/pose-contact": {   //想要实现预加载的页面名称
      "network": "all", //指定网络 all 不限网络   wifi:仅wifi
      "packages": ["subpages"] //分包的 root 或 name
    }
 },
2. 查看是否预加载成功 preloadSubpackages

进入触发预加载页面时看log 会打印 preloadSubpackages 信息,显示 success即为成功

注意: 触发页面的选取也要注意,既要能满足用户的体验但也要注意预加载分包会对当前页面的加载速度有一定的影响

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-12-25,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
【小程序分包】小程序包大于2M,来这教你分包啊
前段时间项目迭代时,因版本大升级,导致uniapp打包后小程序后,包体积大于2M。虽然将图片等静态资源压缩,体积大的资源放置cdn,在不懈的努力下,治标不治本,包体积还是不听话的长到2M以上。憋的实在没办法,遂将小程序分包,彻底解除封印,特来跟大家分享下如何将小程序分包,减小主包大小。
JavaDog程序狗
2024/10/06
1.8K1
【小程序分包】小程序包大于2M,来这教你分包啊
小程序分包加载
开发者需要将小程序划分成不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。
用户1197315
2018/11/08
1.9K0
【愚公系列】《微信小程序与云开发从入门到实践》005-小程序项目的基本结构
在当今移动互联网的迅猛发展中,小程序以其轻便、高效的特点,逐渐成为了吸引用户的重要工具。无论是电商、社交还是生活服务,各类小程序如雨后春笋般涌现,改变了我们与应用的交互方式。然而,很多开发者在初次接触小程序时,往往对其项目结构感到迷茫。了解小程序的基本结构不仅是开发的第一步,更是构建高效、可维护应用的基础。
愚公搬代码
2025/01/10
2050
【愚公系列】2022年02月 微信小程序-app.json配置属性之subpackages和preloadRule
在构建小程序分包项目时,构建会输出一个或多个分包。每个使用分包小程序必定含有一个主包。所谓的主包,即放置默认启动页面/TabBar 页面,以及一些所有分包都需用到公共资源/JS 脚本;而分包则是根据开发者的配置进行划分。
愚公搬代码
2022/02/23
1.3K0
【愚公系列】2022年02月 微信小程序-app.json配置属性之subpackages和preloadRule
小程序分包的一些思考及Uiniapp 分包优化逻辑的验证
分包指的是把一个完整的小程序项目,按照需求划分为不同的子包,在构建时打包成不同的分包,用户在使用时按需进行加载。
前端小智@大迁世界
2022/03/22
1.6K1
小程序分包的一些思考及Uiniapp 分包优化逻辑的验证
微信小程序:开发入门及案例详解
3)在填写项目信息之前,先创建一个空目录作为项目资源目录,这里我们以E:\weixin\demo为例
yeedomliu
2021/12/01
3.6K0
微信小程序:开发入门及案例详解
微信小程序底层框架实现原理|万字长文
我报名参加金石计划1期挑战——瓜分10万奖池,这是我的第1篇文章,点击查看活动详情
虎妞先生
2022/10/27
5K0
微信小程序底层框架实现原理|万字长文
十四、主包超出2M大小限制,如何将插件分包发布?
引用插件后,导致程序包超出2M的限制的问题,是我们插件广大调用者,拿到插件后最常咨询的问题,插件由于识别引擎代码量较大,所以占用的空间确实偏大,但我们可以通过分包的方案来轻松解决这个问题。下面我们就来看如何实现分包,要使用分包之前,请先阅读官方分包文档https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages.html
alphaair
2024/06/03
2710
小程序预加载数据实战
上下部分都是固定的,中间每个节假日都是从服务端动态获取数据,所以会出现节假日倒计时延迟加载的情况:
用户10384376
2023/02/26
1.4K0
小程序预加载数据实战
微信小程序之分包加载,解决代码超过2M的方法
分包加载的介绍 大部分小程序都会由某几个功能组成,通常这几个功能之间是独立的,但会依赖一些公共的逻辑,并且这些功能通常会对应某几个独立的页面。那么小程序代码的打包,大可不必一定要打成一个,可以按照功能的划分,拆分成几个分包,当需要用到某个功能时,才加载这个功能对应的分包。 对于用户来说,小程序加载流程变成了:
江一铭
2022/06/16
2.6K0
微信小程序之分包加载,解决代码超过2M的方法
二十一个必会微信小程序开发技巧(上)
这个其实大家可以理解为是一个公共的组件的js文件,这个js文件可以在你的任何组件页面内引用,引入后你的被引用的js文件就拥有了你引入的这个behaviors.js中的一切方法及变量
inline705
2022/11/22
1K0
二十一个必会微信小程序开发技巧(上)
微信小程序 - 入门指引
设置 -> 开发者设置 -> 服务器域名中   配置好服务器域名,小程序才能正确地发起异步请求
书童小二
2018/09/03
3.6K0
微信小程序 - 入门指引
uni-app小程序开发-分包
在支付宝开发者工具的预览界面上面的工具条中有一个查看模拟器包依赖分析的工具,点击打开
码客说
2024/08/02
3550
uni-app小程序开发-分包
腾讯课堂小程序性能极致优化——综合篇
导语 | 如果你的小程序也遇到了性能问题,我们的实践经验也许可以给到你启发,我们从小程序的启动、加载到交互都进行了探索。顺便说一句,这篇文章在腾讯内部曾被小程序技术总监打赏。 1. 缘起 事情,要从一个周末惬意的下午开始说起…… 那天,手机突然被唤醒,弹出多条微信消息。原来是这周末正在校园推广的活动群发来的,想起之前大家有条不紊的开发进度,和产品沟通的友好过程,应该是活动反响不错。 现实是残酷的: “我们的小程序打开慢成狗!” “这个 loading 加载的过程也太久了!” “滚动加载有点卡,而且很容易报错
用户1097444
2022/06/29
1K0
腾讯课堂小程序性能极致优化——综合篇
小程序同构方案 kbone 分析与适配
在微信小程序的开发的过程中,我们会存在小程序和 H5 页面共存的场景,而让小程序原生和 web h5 独立开发,往往会遇到需要两套人力去维护。对开发者而言,加大了工作量成本,对于产品而言,容易出现展示形态同步不及时问题。在这种情况下,我们急需要找到一个既能平衡性能,也能满足快速迭代的方案。
binnie
2019/12/11
1.3K0
小程序同构方案 kbone 分析与适配
“和 loading 界面说 ByeBye”—— Remix 颠覆式预加载解析
全栈框架 Remix 宣布开源,于是怀着好奇心去看了下官网,发现了这个口号(Say goodbye to Spinnageddon): 活整的还挺好的,再往下看看实现的效果是怎么样的。 预加载效果展示 鼠标移到 Link 组件上面,就已经发起了三条请求,分别是 Link 跳转的页面渲染所需的数据 (Fetch/XHR 类型)、模块资源(该页面打包后的 JS 模块)、CSS 然后在真正点击 Link,跳转页面的时候,再发起的请求,就是从响应里拿。 还是有点东西的呀,下面我们一起来看看这预加载是如何实现的。
用户1097444
2022/06/29
7940
“和 loading 界面说 ByeBye”—— Remix 颠覆式预加载解析
uniapp分包
对小程序进行分包,可以优化小程序首次启动的下载时间,以及在多团队共同开发时可以更好的解耦协作。
阿超
2022/08/17
1.8K0
uniapp分包
「小程序微前端」 初探
如果项目复杂,并且很多功能相对独立,那么不同的功能可以交给不同的团队开发,团队本身存在差异如技术选型等。另外的好处是,功能解耦,各功能可以独立开发、测试、部署。
tinyant
2023/02/24
1.1K0
「小程序微前端」 初探
微信百度字节小程序包过大解决方案(实战经验总结)-优雅草卓伊凡|果果|小无
当微信小程序包超过2MB限制时,确实会带来很多开发困扰。以下是我在实际项目中验证过的有效解决方案,超越了官方文档的常规建议:
卓伊凡
2025/05/02
1800
如何高效的阅读uni-app框架?(建议收藏)
uni-app的框架,配置:page.json,manifest.json,package.json,vue.config.js。脚本,应用程序,main.js。日志打印,定时器,生命周期,页面,页面通讯。
达达前端
2019/11/27
1.5K0
推荐阅读
相关推荐
【小程序分包】小程序包大于2M,来这教你分包啊
更多 >
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
本文部分代码块支持一键运行,欢迎体验
本文部分代码块支持一键运行,欢迎体验