微信小程序篇3 谈谈如何提高小程序的应用速度

小程序在首次启动前,微信会在小程序启动前为小程序准备好通用的运行环境,如运行中的线程和一些基础库的初始化。在进入启动状态时,微信需要完成几项工作:下载小程序代码包、加载小程序代码包、初始化(渲染)小程序首页。所以,我们可以从加载、渲染两个维度去提高应用速度:

加载

1. 控制小程序包的大小

  • 勾选开发者工具中“上传代码时,压缩代码”选项
  • 及时清理无用的代码和资源文件

  • 减少资源包中的图片等资源的数量和大小

2. 采用分包加载

将用户访问率高的页面放在主包里,访问率低的页面放在子包里,按需加载;当用户点击到子包页面时,由于也会有代码包的下载,所有会有卡顿的情况出现,那么我们子包可以采用预加载的技术,不需要等到用户点击到子包页面后再下载子包。

渲染

1. 预加载网络请求的数据

描述现象:

如果小程序打开新页面时需要通过网络请求从接口中获取所用数据,在请求完之前页面都会因为没有数据而呈现一片空白。

解决方案:(方案分为三种,最后一种为预加载方式)

1)先使用从缓存中取出上一次数据,等到请求结束后再使用请求得到的数据​。

2)在加载时显示骨架屏​(骨架屏:在页面尚未加载前展示出来的大致结构)。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值