后台接口返回一千多条数据，渲染在页面要四秒，很慢要怎么优化

微信公开课小程序热门讨论关于「后台接口返回一千多条数据，渲染在页面要四秒，很慢要怎么优化」的小程序开发问题
补充:后台接口返回一千多条数据，渲染在页面要四秒，很慢要怎么优化
展开:需求的场景描述（希望解决的问题）接口有一千多条数据，列表渲染在真机上要四秒以上时间还要求右侧有索引，点击索引能跳到相应的列表位置，类似图片这种，有什么办法能优化呀，想了很久不知道怎么办希望提供的能力即速小程序：建议用本地文件进行加载可以节约请求回显时间：楼主解决了吗：分包预加载了解一下，你进入小程序首页的时候，分包预加载那个页面，等点到它的时候就很快了，虽然治标不治本，个人觉得比瀑布流的视觉效果好太多：方法一：存一份本地文件，请求回来前用本地的，请求回来后用请求的数据方法二：首次请求后写入本地缓存，再次进入用缓存的，网络请求回来后刷新缓存：没准可以试下这个思路：把列表按照右侧索引分争27块，根据数据，算好每块的高度列表开始只渲染27个空的view，但是高度是对的每个块用和屏幕的相交性来判断显隐（IntersectionObserver）wxcreateIntersectionObserver()relativeToViewport()observe(regin_A,(res)={thissetData({  show:true,})})这样可能会让初次渲染快，且能直接跳转到索引处，不过我没试验过：数据写成本地文件不过后台就好了：显示3屏数据，通过定位位置偏移量和每行数据的高度来计算顶部和底部2个空白view的高度或者上下留白：可以采用setTime来进行异步加载,让他们几个线程同时进行,最后进行setData的渲染,或者说只加载200条或者多少条数据,进行下拉加载,也可以用预加载的形式：看样子应该是你数据量太大了，调用setData之后觉得卡顿，建议不要用setData传输太大的数据（可以分块传输）https:mpweixinqqcomdebugwxadocdevframeworkperformancetipshtml尝试下这里面的：那就别一起渲染呗，点哪个索引渲染哪个
更多有关「后台接口返回一千多条数据，渲染在页面要四秒，很慢要怎么优化」的讨论可以前往微信公开课小程序参与互动哦！