前端页面图片过多，如何优化

需求是这样的，流程图选项卡下有很多图片，每张图片都是width:100%,height:auto的n行1列的展示，目前对图片上传大小没有做限制，也未作分页，可以一直滚动查看。目前想到一个是后端返回缩略图和原图两种，但是目前暂时不打算让后端修改，如果从纯前端的角度考虑，在已有需求基础上该如何优化。（尝试过懒加载，但是可能由于width和height不是固定，懒加载会失效，目前不知道是不是这个原因）

可以通过虚拟滚动来渲染可视区域的这种方式做一个优化

1、可以尝试通过缩略图的方式，可以看下我这篇文章

【小5聊】图片加载是如何拖垮一个网站，为什么要有缩略图_小5聊的博客-CSDN博客 CSDN话题挑战赛第1期活动详情地址：https://marketing.csdn.net/p/bb5081d88a77db8d6ef45bb7b6ef3d7f参赛话题：用技术做过的最有成就感的事？话题描述：技术改变着世界，有成就感的事情可以不用很大，但对于自己的成长却是有意义的。对于你自己，用技术做过的最有成就感的事是什么？用技术做过的最有成就感的事？想起了5、6年前第一次觉得有成功就干的事，解决了加载较大原图网站并发访问为什么慢的情况，从这个情况，可以了解到带宽、并发、请求内容下载速度.. https://blog.csdn.net/lmy_520/article/details/124764535