星期五 小雨转中雨 7～15℃
关于“自动加载”（无限分页）的几点思考
“自动加载”即“无限分页”，当用户滚动页面接近底部时，自动加载下一页的内容，对于内容比较复杂的列表页，例如可能会在页面出现较大的图片（包括 gif）、视频等，当加载内容到一定量的时候，将出现明显的性能问题，对于 IE 而言，更是卡得不行。这些 dom 元素是通过 js 动态创建的，这也是影响性能的重要原因。
参考了一些网站：
- “美丽说”和“蘑菇街”采用“自动有限分页”，自动加载几屏后出现分页。这两个网站的共同点是都是图片站；
- “朋友网”和“人人网”都是采用“手动无限分页”，即点击“更多”才往下展开，有一点值得注意，这两个网站自动展开的信息基本上都是文字或者小图片，所以不太影响性能。
解决方案：
假设用户拉到后面已经卡得动不了，那么“自动加载”也就失去了意义，用户连查看内容都显得困难了，不会有太大欲望继续往下拉。
- 对于内容简单的网站，可以采用“无限分页”，至于是“手动”还是“自动”，这个没有定论。
- 对于内容较复杂的网站，可以采用“自动有限分页”，自动加载几屏后出现分页。
- 仅针对 IE（或 IE8 以下） 采用“自动有限分页”，其他浏览器采用“无限分页”。
发表评论