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

小程序代码体积优化

作者: 王炳祺 | 来源:发表于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感觉一般般,其实和普通工程化工具没什么区别。

    相关文章

      网友评论

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

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