在 SHEIN 的前端页面中，经常需要处理大量的商品图片展示。请简述如何优化图片加载以提升页面性能。

答题要点

推荐使用分层分析法来回答。关键要点如下：1. 图片格式选择：优先使用 WebP 格式，它具有更好的压缩率和质量，能有效减少图片体积。2. 图片尺寸适配：根据不同设备和屏幕大小，提供合适尺寸的图片，避免加载过大的图片浪费带宽。3. 懒加载：对于页面中不可见的图片，采用懒加载技术，当图片进入可视区域时再进行加载，减少初始加载时间。4. 缓存策略：设置合理的缓存策略，让浏览器缓存图片，下次访问时直接从缓存中读取。示例话术：首先，我会选择 WebP 格式的图片，以减小图片体积。然后，根据不同设备和屏幕大小，提供适配的图片尺寸。接着，使用懒加载技术，避免一次性加载所有图片。最后，设置合适的缓存策略，提高图片加载效率。