灰尘

——高级操作指南——

我们有 5 个技巧与您分享如何让您的小程序在手机上快速运行。

明确小程序的用户场景和产品目的

微信小程序，为什么叫小程序而不叫大程序呢？因为它是微信中针对某一场景的针对性解决方案。现在很多用户都想把所有的东西，不管自己需要不需要，都搬到小程序里。首先这样对用户不友好，用户会觉得信息太多，无法快速找到自己想要的产品或服务。另外，用户在移动设备上加载资源也是一种负担。所以明确你的小程序是干什么的很重要？提取核心价值很重要。

控制单个页面上使用的组件数量。

小程序开发者工具里有一个功能用于测试小程序在指定手机上的运行情况，并生成报告。

在对比众多用户的小程序后我们发现，小程序中组件数量是导致用户页面卡顿甚至白屏的最根本原因。

上图的小程序在首屏使用了50多个组件，在1300元售价的安卓机型上测试的首屏加载时间为4.11秒。

这里需要强调的是，首屏是小程序的入口，它的加载速度会直接影响用户首次访问的速度。

因此，合理设计首页的布局，让用户能够尽快进入小程序、享受到服务是重中之重。

大家可以尝试一下微臣上的模板小程序，非常流畅。

锤子坚果Pro（售价1200元）首页加载体验

正确使用组件以避免浪费资源。

微臣现在提供了近20个组件，在用户眼中，很多组件都可以通过自由面板来实现。但是有了自由面板，为什么还要设计其他的组件呢？下面我来给大家介绍一下小程序的规则。

图中红框部分可以通过自由面板或者滑动导航来实现，如果用滑动导航来实现的话，我们会添加两个滑动导航组件，也就是组件数量为两个。但是如果我想用自由面板组件来实现的话，至少需要6个图片组件+1个自由面板组件，也就是7个组件，这非常影响首屏的加载速度，所以合理使用组件才是让你的小程序加速的不二法门。

适当压缩图像

在手机上，一张高清图片的大小一般在200-300K之间，而部分用户的图片则在5M-6M之间。这样就会导致你的图片占用大量资源，影响其他资源的加载。微臣为什么不自动压缩图片呢？因为我们做过一段时间的灰度测试，马上就收到很多客服反馈说用户上传的图片我们压缩后就模糊了。所以后来我们选择让用户上传任意大小的图片。顺便强调一下，同样的一张图片，JPEG格式比PNG格式要小很多。

关闭无用的页面

本月初，我们更新了功能页面，以打开和关闭功能。

如果某个页面目前对你的小程序或产品没有帮助，请将其关闭。这将提高你的小程序速度，并释放更多空间来创建你的其他页面。

注意

请不要通过其他第三方编辑器如（135、秀米）编辑完字幕后再将整个图文复制粘贴到微臣后台的图片和文字编辑器中，请不要这样做，因为这样你复制粘贴的图片就是一个网址链接，图片存储在这些第三方编辑器中，如果第三方编辑器更改或者删除了图片链接，就会导致所有图片丢失。同样，请不要直接复制公众号文章、今日头条里的图片，请将图片资源截图保存到本地电脑，再上传到微臣服务器使用。

微臣后台添加图片

微晨2.0是伟东天下推出的第二款小程序可视化生成工具，提供注册、认证、功能平台搭建一站式服务，集成小程序组件，进行小程序UI设计、后台管理，实时在线更新，无需后续开发。