其他分享
首页 > 其他分享> > 假设业务需要,在页面一屏中一次性展示大量图片(100张),导致img组件同时发起大量的请求,导致浏览器性能被消耗殆尽,页面卡死。怎么优化?

假设业务需要,在页面一屏中一次性展示大量图片(100张),导致img组件同时发起大量的请求,导致浏览器性能被消耗殆尽,页面卡死。怎么优化?

作者:互联网

1.所有图片先提供占位图
2.懒加载思想
3.使用队列的方式
4.通过信号量的机制,结合队列。例如设置可用资源数为10,则保证同一时刻,只有10张图片正在请求,其它图片处于loading状态,任意图片请求完成,才释放资源,从队列选取下一张图片进行加载 

标签:10,请求,img,队列,加载,一屏,页面,图片
来源: https://www.cnblogs.com/yuxingxingstar/p/15423522.html