评论

微信小程序性能优化总结

微信小程序性能优化

1.关于onshow优化方案,onshow每次页面切换都会调用接口,但是有种场景下的确要用到onshow,比如说登陆成功之后刷新首页接口,但是吧,刷新完成之后你又不想在onshow调用接口,你可以在onload调用一波接口,这个时候你可以在全局app.js设置一个flag开关默认为false,登陆成功之后将全局的flag开关重置为true,当前页面onshow判断if(app.globalData.flag){/*调用接口相关操作*/,}调用完接口之后在将flag重置为false,这样就减少了onshow的每次切换接口都会请求相关没必要操作。

2.关于setData,一些没必要的参数重置可以不用setData,比如说商品列表页面跳转商品详情页面需要传入一个商品唯一标示,这个时候很多人习惯在onload里面判断if(options&&options.itemUuid){

/*itemUuid你可以理解为商品唯一标示*/

this.setData({

itemUuid

})

this.getItemList()

},这个时候itemUuid不需要动态更新,你可以这样做减少setData调用(不懂的setData小伙伴可以了解下下diff算法),

if(options&&options.itemUuid){

/*itemUuid你可以理解为商品唯一标示*/

this.data. itemUuid = options.itemUuid

this.getItemList()

}

3.关于接口请求等待优化,可以做一些骨架屏、gif动画类似,微信开发者工具最新版右下角又三个点点,打开生成骨架屏会在当前文件夹生成一套wxss,wxml的相关骨架屏文件,开发者只需要在wxml和wxss引入骨架屏的样式就可以,还是蛮方便的哟

今天先到这里,改天再来更新!!!!

最后一次编辑于  2020-05-12  
点赞 4
收藏
评论

1 个评论

  • wang li
    wang li
    2020-05-12

    谢谢,改天再来看

    2020-05-12
    赞同
    回复 1
    • xy
      xy
      2020-05-13
      欢迎
      2020-05-13
      2
      回复
登录 后发表内容