开发 | 如何为你的微信小程序体积瘦身？

知晓程序 · 公众号 · 科技公司 · 2017-05-11 12:17

正文

文 | 腾讯攻城师 tom

众所周知， 微信小程序在发布的时候，对提交的代码有 2 MB 大小的限制 。所以，如果你正在写一个功能稍微复杂一点的小程序，就必须得时刻小心注意你的代码是不是快触及这个底线了。

在设计一个小程序之初，我们就需要重点考虑这一点。例如，我们可以采取一些方法，避免过早遭遇这个问题。

避免使用本地大图片、大资源文件

请避免在小程序的 UI 上使用大图片，应该尽可能的通过颜色样式，来装点你的小程序。

或者，使用小而精致的小图标来点缀

如果实在想用大图片，那也不要将图片放进小程序的本地代码中。应该采用从一个远程 URL 地址加载图片的方式。

这些举措，就可以避免把大图片、大资源文件等打包进小程序的发布包中去了。

不要让你的代码太啰嗦

在 JavaScript 代码层面，请审慎的考虑你的代码逻辑。不要把一个很简单的逻辑洋洋洒洒的写了一大堆，请优化和精简你的代码。

在视图层面，尽量避免不必要的组件嵌套，能用一个 view 做到的，就不要再多套一层 view。这对减少代码尺寸和代码性能都是有好处的。

使用工具压缩优化代码

在当今 HTML5 等 Web 前端项目的开发和发布中，我们通常会通过使用一些前端工程化工具来处理我们的代码，比如使用 Gulp，结合一些功能插件，如：Uglify、CSS Nano、HTML min 等。使用这些工具，可以让我们的代码尺寸小上那么一大截（大约 20%~30%）。

推荐文章

阿里开发者 · 本地部署QWQ显存不够怎么办？

昨天

百度智能云 · 上汽大众途昂 Pro上市，携手百度智能云开启全境旅程

昨天

阿里开发者 · 两种方式一键部署，快速体验QWQ-32B 模型

2 天前

百度智能云 · 最高法AI宣传片来了！百度智能云助力两会反网暴法治传播

2 天前

小强热线浙江教科 · 太突然！双双宣告停产

3 天前

小强热线浙江教科 · 太突然！双双宣告停产

3 天前

国家人文历史 · 财经 | 被贴上“爱国”标签的可口可乐

8 年前

互联网er的早读课 · 跟「奇葩说」学好好说话，不如跟金字塔原理学「逻辑化表达」

8 年前

贴身小助手 · 立秋都过了就少吃西瓜了！饭后吃它，大量排出体内垃圾，可惜没几个人知道！

8 年前

IT时代网 · 【创客100视频】野草莓——专注VR 我们要下一盘大棋

8 年前

全球局势战略纵横 · 美在南海彻底服软中国背后不便说出的惊天秘密！

7 年前