uni-app开发跨端小程序包过大优化

发布时间 2023-10-25 15:20:41作者: 小金鱼紫苏

以微信小程序为例:
一:避免使用大图

图片压缩之后使用,避免大图,必要时可以使用雪碧图或者svg,图片上传远程服务器,不占用本地资源包。二:分包处理
微信小程序单包不超过2M,最多10个包。
合理分包,将文件放到合适的地方。除一级页面入口放到主包,剩余页面逻辑都可以拆分成分包的形式。
注意:除分包的文件外,其他全部都会纳入主包,最外层的公共components/static/utils/都是会纳入主包的,抽离的业务组件尽量放在自己的分包文件夹内,相关的图片等静态资源也放在分包文件夹内。

三:编译模式有运行跟发行,发行对编译包更加精简,发行编译能能减少近一半的体积,若要上传小程序,一定要点击发行编译。

四:代码依赖分析
详细展示了每个包及文件的大小,可以进行针对性的优化

五:公共组件的放置
uni-modules组件一般放置在最外部,页面直接使用
迫切要求包大小降下来的情况下,可以最外层保留uni-scss,uni-icons,剩余uni-modules组件放到分包里,同理其他自定义组件也可以放多份到不同的分包内,就是真个包会变大一些。
六:删除代码内无效冗余的代码图片等资源