怎么开发一个优秀的小程序

1.启动

微信官方统计:有超过80%的小程序2s内没有完成loading的话,用户就会选择关闭离开。

loading是微信在下载小程序代码包及装载小程序的过程。在这个过程当中,开发者可以控制的是代码包的大小。

微信官方建议1M以内的代码包是比较合适的。在iOS系统可以小于929ms打开,安卓系统可以小于1500ms打开。

开发建议

1.去除冗余代码、多余的图片等资源;

2.非必要的图片资源放在云端;

3.压缩图片体积;

4.分包技术。

分包介绍:

小程序代码包可以切割区分为:核心功能、功能A、功能B、……

根据用户使用场景逐步加载主包,当用户使用到的时候在加载其他分包。

2.渲染

微信官方建议:iOS下渲染时间不超过200ms,安卓下渲染时间不超过500ms。

怎么把渲染的速度提升:

1.快速呈现页面数据;

2.减少单次拉取的数据量;

3.需要用户等待时基于适当提示。

首次打开小程序loading的数据缓存到本地使用,用户二次进入则可以直接打开。(在调转的页面可以这样处理,需要异步检查更新数据)

2.交互

微信官方建议:减少用户的输入;需要授权时再弹窗;用户操作及时反馈。

建议:

1.微信静默授权,无需打断用户购物体验;

2.考虑用户取消授权的情况;

3.善用微信授权能力(扫一扫、蓝牙、收货地址等等)

总结:启动快,感受快,操作快


更多内容请关注微信公众号:EasyUX

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 175,039评论 25 709
  • 转载链接 注:本文转载知乎上的回答 作者:初雪 链接:https://www.zhihu.com/question...
    pengshuangta阅读 28,925评论 9 295
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 14,194评论 4 61
  • 今天在《自控力》一书中看到一词:道德许可效应,确实同意不能把自控当成道德测试,但通常自控后的行为却可以用道德...
    元团子阅读 3,297评论 2 3
  • 关于格局,知乎有位网友解读得很妙: 格局较低者,只在乎自我,坚持“我要赢,但我要身边的人都输”; 格局中上者,会顾...
    鼓瑟吹笙笙歌莫停阅读 3,405评论 1 3