微信小程序性能优化

1. 代码包不包含插件大小超过 1.5 M

建议:小程序代码包单个包大小限制为2M。因此我们建议开发者在开发时,如果遇到单包体积大于1.5M的情况,可以采取分包的方式,把部分代码拆分到分包去,降低单个包的体积,提升小程序的加载速度。具体可以查看文档《使用分包》

2.引用插件大小超过 200 K

小程序插件的大小是会算进小程序代码包2M体积限制中的。因此当我们发现开发者引用的插件体积大于200K时,会对开发者予以提示,避免出现上传阶段提示代码包体积超限,但是不知道为何超限的问题。

3. 图片和音频资源大小超过 200 K

建议:小程序代码包里可以存放一些必要的静态资源(如tabbar的icon等);但其他非必要的静态资源体积过大会影响小程序代码包加载速度。因此我们建议图片、音频等静态资源体积大小超过200K时,将它们上传到CDN,用URL引入会是个更好的选择。

4. 主包存在仅被其他分包依赖的JS

建议:当主包里存在一些JS文件只会被分包使用(而主包不使用)时,我们建议把这些JS文件从主包中拆分出去,放到对应的分包里,从而优化主包的加载速度。

5. 主包存在仅被其他分包依赖的组件

建议:当主包里存在一些组件只会被分包使用(而主包自己不使用)时,我们建议把这些组件从主包拆分出去,并且可以使用 分包异步化 这个特性加载这些组件,从而优化主包的加载速度。

6. 存在无使用的组件

如果在对应页面JSON的 `usingComponents` 里声明的组件但是没有使用,请将其从 `usingComponents` 里去除。

原创作者:吴小糖

创作时间:2023.12.27

相关推荐
誰在花里胡哨4 小时前
微信小程序实现陀螺仪卡片景深效果
前端·微信小程序·动效
XXXFIRE5 小时前
微信小程序开发实战笔记:全流程梳理
前端·微信小程序
Thomas游戏开发6 小时前
Cocos Creator 面试技巧分享
面试·微信小程序·cocos creator
小小愿望7 小时前
微信小程序开发实战:图片转 Base64 全解析
前端·微信小程序
两个月菜鸟8 小时前
vue+微信小程序五角星
vue.js·微信小程序·notepad++
Hashan9 小时前
微信小程序:扁平化的无限级树
前端·微信小程序·uni-app
程序员陆通1 天前
零基础AI编程开发微信小程序赚流量主广告实战
微信小程序·小程序·ai编程
paopaokaka_luck1 天前
校园快递小程序(腾讯地图API、二维码识别、Echarts图形化分析)
vue.js·spring boot·后端·小程序·uni-app
头发还在的女程序员1 天前
ThinkPHP+Mysql 灵活用工小程序-技术深度解析与实践指南
数据库·mysql·小程序
编程猪猪侠1 天前
解决uni-app微信小程序编译报错:unexpected character `1`
微信小程序·小程序·uni-app