小程序预览或上传时超过上限的优化

开发小程序时，在最后的预览或者打包上传的时候会有大小的限制，一不小心就会出下面的提示：

如果遇到了打包超过上限的问题，可以考虑以下几种解决方案：

1. 分包
2. 调整包体积的上限（适用于预览及真机调试时）
3. 开启资源自动压缩
4. 将图片等资源压缩，或转为线上地址

分包的方法可以参考官方 使用分包

调整包体积的上限

在小程序中：

• 整个小程序所有分包大小不超过 20M
• 单个分包/主包大小不能超过 2M

如果只是想要在手机中预览调试，可以在开发者工具的本地设置中调整包体积的上限，但是长传代码时依旧要解决包的大小超过上限的问题。

压缩资源

上传失败后，可按照由大到小的顺序，查看各个资源文件的大小，比如在下图中，很明显一个视频的大小就超过了包的大小限制

压缩资源，首先检查开发者工具的本地设置中是否开启上传代码自动压缩：

图片和音频资源大小不要超过 200 K，所以如果图片等静态资源比较多，可以进行大小的压缩，比如使用图片在线压缩工具：tinypng。每次替换静态资源后，需要再重启一下项目。

像视频这种比较大的资源，可以直接转换成线上地址（替换地址之后，记得删除本地资源后重新打包上传）

调试

• 当微信开发者工具中的 appid 不一致会有提示，只有开发者才能预览小程序

• 分包的时候，如果改变了路径，记得查看相对路径是否有变化，及时修改成正确的路径。

按需引入和加载

• 插件也会占用代码包的体积，在 app.json 中去除掉不使用的插件，控制引用插件的大小不要超过 200 K

• 在 app.json 中加入代码，设置未开启组件懒注入（按需注入）：

    "lazyCodeLoading": "requiredComponents",

其它优化方式，可参考小程序性能优化指南