美文网首页
小程序代码体积优化

小程序代码体积优化

作者: 王炳祺 | 来源:发表于2018-08-28 19:08 被阅读457次

微信小程序在发布的时候,对提交的代码有 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 MB 大小的限制。开发之前就需要提前有个心理准备。由于我也是第一次做小...

  • iOS性能优化

    1、参考文章 TableView优化 FPS监测 //启动优化、内存优化、卡顿优化、线程优化、电量优化、包体积...

  • vue项目优化

    vue 项目优化 项目打包体积优化 通常vue项目通过webpack打包后,会出现vendor包的体积过大的情况,...

  • Android App包体积优化

    目录: 一、为什么我们需要做 APK 的体积优化? 二、APK 组成 三、APK分析 四、代码体积优化 五、资源体...

  • 微信小程序优化

    启动时性能优化 代码包体积优化,启动性能优化最直接的手段是降低代码包大小,代码包直接影响了下载耗时,影响用户启动小...

  • Mac上提取assets.car图片

    我们在进行包体积优化时,会去查看分析ipa包,因为看到这篇文章iOS 优化IPA包体积(今日头条)[https:/...

  • App体积优化

    分享一张做App体积优化时的分析图

  • webpack体积优化

    基础 从webpack文件上来看,主要用到的有entry,output,resolve,module,plugin...

  • 包体积优化

    为什么需要优化包体积 下载转化率,包体积增加不利于用户下载 推广成本,包体积增大推广成本也会加大 应用市场限制 包...

  • app体积优化

    1.原来APP体积28.5MB 2.解决思路 (1)资源文件压缩 (2) 代码复用 3.解决方案 把所有图片文件在...

网友评论

      本文标题:小程序代码体积优化

      本文链接:https://www.haomeiwen.com/subject/bpuibftx.html