小程序一次加载300条数据卡五秒,改分页每次20条,首屏一秒就开

15年前 (2012-07-24)阅读1回复0
genmulu
genmulu
  • 管理员
  • 注册排名1
  • 经验值27950
  • 级别管理员
  • 主题5590
  • 回复0
楼主

新手做小程序,打开列表页,一次性把几百条数据全加载出来,用户打开的时候加载半天,手机还卡,其实做分页加载,一次加载20条,用户往下滑到末尾,自动加载下一页,体验顺多了。

首先,列表数据别一打开就全请求,接口一次只返回20条,用户滑到列表最下面,显示个加载中,再请求下20条,拼到列表后面,这样首屏只加载20条,几秒钟就打开了,不用等几百条数据全下来。我之前客户的小程序,列表页一次性加载300条数据,用户打开要等五秒,手机还卡,改成分页每次加载20条,首屏一秒就打开,滑到底自动加载下一页,用户根本感觉不到等待。

新手最容易踩的坑,是用户快速滑到底,连续触发好几次加载下一页,重复请求好几遍接口,数据重复加载。加个加载状态判断,正在请求下一页的时候,不触发新的请求,等这次请求完了,才能再触发下一页,不然用户滑快了,一下子发十次请求,接口压力大,数据还重复。

还有,全部数据加载完的时候,显示个没有更多了,别一直显示加载中,用户滑到底一直转,以为是卡了,其实是已经到底了,加个底部提示,用户就知道没有更多内容了。

别为了省事一次性把所有数据全加载,小程序用户的手机性能不如电脑,数据多了渲染就卡,分页加载不仅打开快,手机也流畅,用户用起来顺,才愿意继续往下看。

本站源码来源于网络收集修改或者交换,甚至可能并非原创,如遇未经考证信息需持审慎态度。若有疑问,可联系本站处理。

本文地址:https://www.genmulu.cn/genmulu/5550.html

0
回帖

小程序一次加载300条数据卡五秒,改分页每次20条,首屏一秒就开 期待您的回复!

取消
载入表情清单……
载入颜色清单……
插入网络图片

取消确定

图片上传中
编辑器信息
提示信息