社交网站如何处理那么多头像的加载?

最近在帮别人做一个社交APP的Web端,评论内容中要显示评论者的头像,有的评论特别多,那么前端方面怎么解决大量头像加载影响性能的问题?有什么好方法吗?

阅读 4.3k
5 个回答

可以用lazyload,延迟一下记载,不过一般头像的size不会太大,所以带来的压力也一般

可以显示一定数量的评论啊,点更多..再去获取展开

lazyload加载一些,然后下滑显示更多;
头像一般都放在cdn节点上,这样打开速度更快,否则很多头像一起加载会严重拖慢速度。

貌似这条问题可以理解成,如何解决一页评论过多的问题。

我见过目前主流的处理办法都是评论分页,利用ajax翻页或显示更多。

  1. 分页,确认需要显示多少
  2. lazyload,进入视口再加载
  3. img 都 cache 住,更新头像的问题用版本来解决
  4. CDN
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进