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

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

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

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

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

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

 

 

 



posted @   小金鱼紫苏  阅读(710)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 记一次.NET内存居高不下排查解决与启示
点击右上角即可分享
微信分享提示