hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - 文章 - 小程序 - 正文 君子好学,自强不息!

小程序加载快慢的问题和解决办法_微信小程序

2020-06-19小程序ki4网18°c
A+ A-
关于小程序的加载快慢这然则一大学问,自古以来机能都是重点,所以下面我浅谈一下本身碰到的问题和解决方法吧

起首,先从收集要求network提及

这里基础不关前端的事变,然则这也是优化小程序的一大重点,后端相应我们要求数据的速率影响了悉数页面的速率,所以,把它拿到第一位

要求凌驾300ms就已算是慢了,所以会影响整体速率。

发起:叫后端优化接口,加速相应速率。

另有,只管削减无谓的要求,将数据合并到一个接口上,如许能够轻易操纵,又能够勤俭资本,(条件不被后端叱骂)

第二:图片

图片的话,对越用户上传的图片的大小考证一下,大于500K的谢绝就好了,只管经由紧缩在上传服务器,假如文中含有大批的图片的,只管运用base64,转换一下,能够削减点资本,

多图片的状况况下,最好做一个懒加载手艺。。。把一些体积较大的图片资本改成运用线上资本。具体做法是将素材先上传到 cdn,然后在小程序中直接运用线上图片地点。

不晓得怎样紧缩大小的能够看看这个https://blog.csdn.net/Young_Gao/article/details/88183442现成的

第三:掌握小程序包 的大小 减小资本包体积

精简第三方依靠 只管罕用第三方包,第三方的方有的会援用比较大的模块,只管勤俭吧,削减不必要的代码...包含一些解释掉的,它彷佛也会打包进去,所以最好就删除吧,

第四:关于挪用第三方接口的问题

挪用了第三方的接口速率会很慢——比方挪用了腾讯的猎取定位,有时刻须要1秒才相应,假如公司内部有本身的接口和算法,照样挪用本身的吧,哪怕是腾讯的api有时刻他相应的速率也会凌驾300ms,只管罕用

第五:关于setData

5.1. 频仍的去 setData

在我们剖析过的一些案例里,部份小程序会异常频仍(毫秒级)的去setData,其致使了两个效果:

  • Android 下用户在滑动时会感觉到卡顿,操纵反应耽误严峻,因为 JS 线程一向在编译实行衬着,未能及时将用户操纵事宜通报到逻辑层,逻辑层亦没法及时将操纵处理效果及时通报到视图层;
  • 衬着有涌现延时,因为 WebView 的 JS 线程一向处于劳碌状况,逻辑层到页面层的通讯耗时上升,视图层收到的数据音讯时刻隔发出时刻已过去了几百毫秒,衬着的效果并不及时;

5.2. 每次 setData 都通报大批新数据

setData的底层完成可知,我们的数据传输现实是一次 evaluateJavascript 剧本历程,当数据量过大时会增添剧本的编译实行时刻,占用 WebView JS 线程,

5.3. 背景态页面举行 setData

当页面进入背景态(用户不可见),不应该继承去举行setData,背景态页面的衬着用户是没法感觉的,别的背景态页面去setData也会抢占前台页面的实行。

第六:变量

每一个页面都有生命周期的烧毁阶段,在这阶段内里讲存在data内里的变量悉数开释(不会返回这页面的时刻能够如许做),你二次进入的时刻会比上次快上一点,然则不会很显著,假如变量迥殊巨大的时刻,这个时刻就会显得迥殊显著,我做的都是二三十个变量。。。这个能够疏忽

第七:缓存

置信每一个页面多多少少都邑有复用的东西,假如有复用的变量,直接存到当地内里,然后等小程序悉数封闭之后去当地贮存删掉,

假如首页加载的东西许多的,能够把悉数页面缓存下来,然后,再次进这页面的时刻衬着缓存的,等接口数据都要求到了,在举行寂静衬着,

愿望我讲的额能帮到人人,谢谢你的寓目

引荐教程:《微信小程序》

以上就是小程序加载快慢的问题和解决办法的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
小程序加载快慢的问题和解决办法_微信小程序

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:

发表评论

选填

必填

必填

选填

请拖动滑块解锁
>>