某博客类网站把文章列表由传统的分页方式改为无限滚动之后,后台统计数据表明,每个用户每天平均浏览页数增加了3页,页面停留时间也相应延长,列表页跳出率降低。

之前该站点使用的是页码翻页的方式,在列表底部点击页码或者“下一页”按钮才能看到更多的内容。技术团队发现,移动端用户翻页操作的成本较高,有些用户看完首屏之后就直接离开了。改成无限滚动之后,用户下滑到列表底部的时候会自动加载后面的文章,减少了主动点击的动作。
数据的变化主要发生在移动设备上。桌面端浏览页数增长不大,而移动端增长最明显。运营人员认为,移动设备屏幕空间有限,无限滚动更符合单手握持的习惯,用户更容易连续阅读。另外,列表页的推荐位曝光次数增多,使得长尾文章的访问量也随之增加。
不是所有的场合都适合这样的修改。内容以深度长文为主的网站,用户更倾向于使用分页来快速找到自己想要的内容;搜索结果页面也保留了分页功能,方便用户控制自己的阅读速度。该博客站点在文章列表页采用无限滚动的方式,而详情页和分类归档页则仍然保留分页功能,以防止用户难以回溯已经阅读过的内容。
加载性能在落地过程中非常重要。从技术角度来讲,使用分页参数来控制每次加载的数量,配合骨架屏和图片懒加载来防止首屏渲染变慢。滚动触发的阈值设为距离底部300像素,这样可以减轻用户的等待感。之后还会根据滚动深度的数据来调整每一批加载的文章数量。