小程序列表一次加载50条卡3秒,用户1秒就退,分页一次10条打开0.5秒

10年前 (2017-05-20)阅读1回复0
genmulu
genmulu
  • 管理员
  • 注册排名1
  • 经验值27950
  • 级别管理员
  • 主题5590
  • 回复0
楼主

新手做小程序列表,一打开直接加载所有数据,几百条内容一起渲染,页面卡半天,用户等不及就退,其实列表分页做简单点,加载快还不卡。第一,首页一次只加载10条数据,用户滑到底部再加载下一页,首屏渲染快,打开就出内容;第二,加载下一页的时候加个loading提示,别用户滑到底没反应,以为卡了;第三,没有下一页了显示“到底了”,别用户一直滑一直转圈圈;第四,列表图片做懒加载,滑到哪渲染哪,别一打开把所有图片全加载,占内存还慢。

我之前做小程序列表,一加载50条内容,页面卡3秒,用户平均等1秒就退,改成一次10条,下拉加载下一页,首屏打开直接0.5秒,用户停留时间涨了两倍。很多新手觉得列表一次加载完省请求,其实数据多了渲染慢,用户等不及,分页加载首屏快,用户体验好太多。

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

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

0
回帖

小程序列表一次加载50条卡3秒,用户1秒就退,分页一次10条打开0.5秒 期待您的回复!

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

取消确定

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