最近在帮别人做一个社交APP的Web端,评论内容中要显示评论者的头像,有的评论特别多,那么前端方面怎么解决大量头像加载影响性能的问题?有什么好方法吗?
lazyload加载一些,然后下滑显示更多;
头像一般都放在cdn节点上,这样打开速度更快,否则很多头像一起加载会严重拖慢速度。
可以用lazyload,延迟一下记载,不过一般头像的size不会太大,所以带来的压力也一般
貌似这条问题可以理解成,如何解决一页评论过多的问题。
我见过目前主流的处理办法都是评论分页,利用ajax翻页或显示更多。
- 分页,确认需要显示多少
- lazyload,进入视口再加载
- img 都 cache 住,更新头像的问题用版本来解决
- CDN
可以显示一定数量的评论啊,点更多..再去获取展开