智能小程序档案馆——如何给“包”瘦身

2024-04-30 04:44:07

上传小程序代码的时候包体积太大不知如何是好？小程序打开速度慢，流量耗费大不知如何优化？在今天的文章里，我们一起来讨论一下如何给“包”瘦身。

为什么要限制包的大小？

我们都知道小程序作为一种 Hybrid 的解决方案，需要动态的进行包的更新，因此如果包的体积过大，将会出现打开速度慢，耗流量等问题，因而影响用户体验。因此小程序在上传的时候会对包的大小进行限制。

包的大小要多少才合适呢？

官方文档中，百度小程序对于包的限制是：“整个小程序所有分包大小不超过 8M ，单个分包大小不能超过 4M。” 展开来说，如果你有 N 个分包，那么请确保这 N 个分包加起来的大小不超过 8M，同时每个分包的大小也不能超过 4M。

假如你并没有做分包，只有一个包的话，那么你的小程序包大小就不能超过 4M 了。

如何减少包的大小？

外链资源文件

我们在开发小程序的时候，往往需要很多资源文件，如：图片/iconfont 等，这些资源文件，最好只留必要的（如：离线场景下也需要的 icon 图片，或者首屏就需要的图片），其他的图片文件，建议换成远程地址，以减少包的体积。

当然这个还是得开发者自行斟酌包大小与图片请求的关系。

首页独立分包

其实分包的本质并不算减少了包的体积，而是减少了进入场景下的页面的包体积。比如，我们的小程序非常大，但是每次进入首页的时候，没必要所有页面都下载下来的话，就可以把首页做成独立分包。

{"pages": ["page/index"],"subPackages": [{"root": "subpackage","pages": ["pages/subpageone","pages/subpagetwo"]}]
}
复制代码

这样，用户打开首页时，只会加载首页的包，有利于提升加载速度。subpackage 文件夹下的打包则会在之后访问到隶属于 subpackage 下的页面时，开始加载。

使用依赖分析模式

相信用过小程序开发者的同学们，肯定会注意到开发者工具上方有一栏“编译模式“ 默认情况下是依赖分析模式

依赖分析模式其实就是指，开发者工具中的编译模块，会以每个页面为入口，依赖分析式将所有文件打包到一起。这种模式下，我们很多没有被引用到的代码，将不会被打到发布包中。从而保障发布包中的代码尽量为有用代码。

以上为今天的全部内容，为您介绍了三种可以减少包体积的方法，感兴趣的童鞋可以都尝试一下哦～

智能小程序档案馆——如何给“包”瘦身相关推荐

小程序返回上一页_智能小程序档案馆手把手教你成为小程序流量头号玩家（上）...
百度智能小程序为开发者提供了全面开放的自然搜索接入能力为了让开发者们接入得又快又好,我们准备了详细说明给大家了解~ 首先我们了解一个问题:什么是小程序接入自然搜索? 通过接入百度搜索生态,在百度 A ...
智能小程序档案馆——文件系统能力
新增接口新增了目录管理 . 文件操作等接口,将这些能力封装成文件系统. 提升存储能量文件系统为开发者提供了更加完善的能力来支撑小游戏中复杂的文件目录结构和文件读写操作,并且每个小游戏的本地用 ...
百度智能小程序正式开源，开发方案详解
13日下午,2018百度·智能小程序学院首场线下公开课在北京举行,百度官方数据显示,自今年7月份百度AI开发者大会以来,百度智能小程序月活已经过了1.5亿,值得一提的是,智能小程序已经在GitHub上 ...
百度提前批-百度智能小程序（面经详解）
文章目录百度提前批-百度智能小程序(面经详解) 1.定位 2.z-index .层叠 3.作用域(scope) 4.单例模式 5.原型链 6.继承(借用构造函数,寄生组合继承,缺点是什么) 7.闭包 ...
帝国CMS对接百度智能小程序的方法
现在很多站长依然在使用帝国CMS做网站,而且有的网站已经运营很久了,如今移动互联网时代,各大站长都纷纷从H5站转型到智能小程序了,因为百度小程序官方宣布对转型小程序的站长给一定的流量扶持,小程序可以被 ...
新的创意赛道--百度智能小程序
小程序-新移动时代下的风口小程序这个名词从 2017 年 1 月出现至今,两年时间内,这个新技术刚开始从备受争议.质疑,到现在全面融入生活的各个场景中,其中微信小程序的数量突破了 230 万个,微信 ...
开源50万行代码，百亿广告分成，百度智能小程序能成吗？
作者 | 非主流出品 | AI科技大本营终于,BAT 在小程序的赛道上展开了激战,而这一场战争得到了百度前所未有的重视. 9 月 4 日,百度总裁张亚勤称拉动百度业务的"新四小龙&quo ...
百度发布智能小程序：“开放+AI”是最大特色
7 月 4 日,"Baidu Create 2018"百度 AI 开发者大会在北京国家会中心举办,会上,百度副总裁沈抖正式对外发布了百度智能小程序.据介绍,百度智能小程序不仅可以全 ...
百度智能小程序开源联盟正式成立小程序开发创业又一新风向标
在去年7月的百度AI开发者大会上,发布了百度智能小程序,并透露将在12月进行开源. 如今,百度世界大会先至.会上,沈抖针对智能小程序,推出了多项措施. 首先便是宣布智能小程序开源联盟正式成立.首批联盟 ...

最新文章

热门文章