小程序代码体积优化

简介: 微信小程序在发布的时候,对提交的代码有 2 MB 大小的限制。开发之前就需要提前有个心理准备。由于我也是第一次做小程序开发代码大小就超过了2MB,开发者工具都无法预览了,这就很尴尬了。

微信小程序在发布的时候,对提交的代码有 2 MB 大小的限制。开发之前就需要提前有个心理准备。由于我也是第一次做小程序开发代码大小就超过了2MB,开发者工具都无法预览了,这就很尴尬了。我自己的优化代码积的方式也不多,如果你有更好的方法,可以给我一些指导,感激不尽哦。

1.不要引用本地图片或者图标,最好是从服务器获取,远程 URL 地址加载图片。如果是图标的话,阿里的图标真的很好用,在小程序中使用也非常的方便。

2.优化代码逻辑,这个可能要求有一点高,减少不必要的代码,避免出现重复的代码。同时页面书写时候也要尽量避免不必要的组件嵌套,能用一个 view 做到的,就不要再多套一层 view。对减少代码尺寸和代码性能都是有好处的。

3.尽量的复用页面,判断逻辑写在页面中区分。正常的开发页面都要尽量分开便于维护,但是在小程序中多一个页面可就多生成4个文件呢。所以当你无法再优化和精简你的代码的时候,选择具有相同功能的页面尽量复用吧。毕竟鱼和熊掌不可兼得,谁叫微信有2M的大小限制呢。

4.使用工具压缩优化代码。使用一些前端工程化工具来处理我们的代码,比如使用 Gulp,结合一些功能插件,如:Uglify、CSS Nano、HTML min 等。使用这些工具,可以让我们的代码尺寸小上那么一大截(大约 20%~30%)。网上据说wepy自带的build命令压缩效果要比npm好,由于自己开发使用的就是wepy感觉一般般,其实和普通工程化工具没什么区别。

相关文章
|
2月前
|
存储 小程序 UED
微信小程序代码包限制2M 怎么解决?
微信小程序代码包限制2M 怎么解决?
|
5月前
|
小程序 JavaScript API
小程序云开发实战三:编写云函数代码
小程序云开发实战三:编写云函数代码
44 0
|
6月前
|
小程序 API
钉钉小程序端https和http发送的实例代码
钉钉小程序端https和http发送的实例代码
180 1
|
7月前
|
缓存 小程序 前端开发
赢麻了!smardaten闷声干大事,竟然用无代码开发了复杂小程序!
赢麻了!smardaten闷声干大事,竟然用无代码开发了复杂小程序!
|
1月前
|
存储 小程序 前端开发
Java代码能搭建小程序
Java代码能搭建小程序
17 0
|
1月前
|
小程序
微信小程序下载代码
微信小程序下载代码
|
7月前
|
小程序 API 开发者
【小程序全面解析】生命周期、常用组件,代码示例和使用场景
该文章全面介绍了小程序的生命周期、常用基础组件以及使用场景,并提供了相应的代码示例。读者可以了解小程序的生命周期函数及其执行时机,以及学习如何使用常用基础组件构建小程序页面。此外,文章还列举了各种使用场景,帮助读者更好地理解如何应用小程序开发。如果您是小程序开发的初学者或需要了解小程序的基础知识,该文章将为您提供全面的帮助和指导。
132 0
【小程序全面解析】生命周期、常用组件,代码示例和使用场景
|
2月前
|
小程序 JavaScript IDE
【社区每周】如何实现小程序代码热更新?芝麻工作证新增“企业员工”职业身份验证(1月第四期)
【社区每周】如何实现小程序代码热更新?芝麻工作证新增“企业员工”职业身份验证(1月第四期)
17 0
|
3月前
|
小程序 API
微信小程序飞机大战游戏步骤及代码
微信小程序飞机大战游戏步骤及代码
49 0
|
3月前
|
存储 小程序 开发者
微信小程序猜拳游戏步骤及代码
微信小程序猜拳游戏步骤及代码
70 0