私域电商软件及相关增值服务提供商    

关于严厉谴责冒用我司名义发布虚假招聘信息严正声明 北京:4006-601-982 / 深圳:4008-400-198 / 长沙:4006-089-731
免费试用

如何提高微信小程序的应用速度?

关键词:如何,提高,微信,小,程序,的,应用,速度,我,

【问题描述】

摘要

  我前段时间开发了一个微信小程序,主要是做一些图文段子类的东西,然后别人反映微信小程序的响应速度很慢,那么我想请问一下应该如何提高微信小程序的应用速度呢?

最后回答时间 · 2020-12-10

如何提高微信小程序的应用速度?

  第一、用户行为预测

  我们实现了用户主动点击页面,提前加载下一页面数据的方法。而在某些场景下,用户的行为可以预测,我们可以在用户还没点击的时候就预加载下个页面的数据。让下个页面秒开,进一步提升体验的流畅性。继续以腾讯视频小程序为例,主界面分为3个页卡,通过简单的数据分析,发现进入首页的用户有50%会访问第二个页卡。所以预加载第二个页卡的数据可以很大程度提高用户下个点击页面的打开速度。

  第二、提高页面加载速度

  在小程序这个环境下,怎样提高页面加载速度呢? 这个问题很大,我把问题具体一下,如何缩短从用户点击某个链接,到打开新页面的这段时间? 这里抛一个核心关键点:从页面响应用户点击行为,开始跳转,到新页面onload事件触发,存在一个延迟,这个延迟大概在100-300ms之间。这个延迟说短不短,我们可以利用这段时间,预先发起新页面所需要的网络请求。这样一来,就节省了100-300ms。知道有这个gap后,代码如何实现呢?说白了,就是实现一个在A页面预加载B页面数据的功能。但而这种跨页面的调用,很容易把逻辑搞复杂,将不同页面的逻辑耦合在一起。所以,我们希望将预加载的逻辑隐藏于无形中,不增加任何的页面间耦合,以及开发复杂度。

  第三、组件化方案

  微信没有提供小程序的组件化方案。但开谈不说组件化,写再多代码也枉然。这里演示一个简单的组件化实现。这是一个非常有用的东西,可以把所有通用的逻辑都写在基类里面,包括pv统计,来源统计,扩展生命周期函数,实现组件化等。函数第一个参数是页面名称,作为页面的key。第二个是page对象,其中扩展了一个comps数组,里面就是所有要加载的组件。基类做的事情,就是把这些组件对象的属性和方法复制到Page对象上。其中data属性会merge到一起。而微信预定义的生命周期函数,则封装成队列按序执行。

  第四、减少默认data的大小

  刚刚说到,页面打开一个新页面时微信会深拷贝一个page对象,因此,应该尽量减少默认data的大小,以及减少对象内的自定义属性。有图有真相:这里写图片描述以一个100个属性的data对象为测试用例,在iphone6上,页面的创建时间会因此增加150ms。

  通过不同的小程序相互跳线或同行之间。这非常简单,即商家将小程序绑定到相同的公共号码,并且用户可以同时查看不同商家的信息。通过行业媒体人士,类似于旅游行业的人来寻找旅游博主,可以准确地定位并获得用户。新浪博客,今天的标题不是软文字平台。

很高兴能回答您的问题,还有疑问可以扫描下面二维码进行在线咨询,您也可以免费开通小程序商城,试试商城系统的功能。

关键词:微信小程序问题热度:

电话咨询 微信咨询 预约演示 0元开店
Baidu
map