前端 列表页图片预加载问题

问题描述：

像百度，uc,手白这几个浏览器对滑动停止的响应比较慢，所以滑动较快的时候，滑到底部停止的时候才会触发预加载；

像chorme,qq，Safari这几个浏览器响应速度比较快，直接就触发预加载了，而且在Safari里面连续滑动都会触发滑动停止，但是在某些浏览器只会触发最后一次

解决方案：

1.js现在没有比较好的方案监控滑动的距离

2.页面还在滑动的时候会影响js的渲染页面操作

3.滑动过快的时候，内容可能还来不及插入，用户就滑动到底部了

4.过快的页面滑动会造成pv虚高

5.一次渲染多于30条数据并不能解决问题

综上，优化方案为：

1.改用touchmove事件来触发每次的预加载，可缓解多次滑动造成的问题

2.提前请求数据，可减少渲染时间