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

分类: IT文章 • 2023-11-22 21:02:13

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