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

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

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

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

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

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

 

 

 



posted @ 2023-10-25 15:13  小金鱼紫苏  阅读(420)  评论(0编辑  收藏  举报