小程序打开分包页面卡一下,怎么解决?

06月/07日/小程序/浏览 559

微信小程序单包,限制大小2M。功能复杂的小程序很容易超过这个限制。这时候就不得不进行分包处理。有时,为了能提高启动速度,即使包没有达到2M,也会进行分包。


分包之后之后,发现了另外一个问题。首次打开分包页面时,会卡一下。无疑,卡这一下就是在下载分包了。


如何避免卡一下?


微信小程序给出得方案是预加载。就是在预计将要使用到分包时,提前加载分包。


{
	"pages": [
		"pages/index/index"
	],
	"subpackages": [{
			"root": "sub1",
			"pages": [
				"index"
			]
		},
		{
			"root": "sub2",
			"pages": [
				"index"
			]
		}
	],
	"preloadRule": {
		"pages/index/index": { //如果进入这个页面,就开始执行下面的预加载规则
			"network": "all", //在什么网络环境下,支持all 和 wifi
			"packages": [
				"sub1",
				"sub2" //要加载的分包
			]
		}
	}
}


参考文档:分包预加载


发表评论

暂无评论,抢个沙发...

客服 工单