蚂蚁集团注重用户体验，在一个电商促销页面中，有大量商品的图片需要展示。请说明前端如何进行图片优化以提升页面加载速度。

答题要点

可以使用分层分析法，从图片格式、大小和加载方式等层面分析。关键要点：1. 选择合适的图片格式，如 JPEG 适用于照片，PNG 用于有透明度要求的图片，WebP 具有更好的压缩比和质量。2. 压缩图片大小，使用工具对图片进行无损或有损压缩，减少文件体积。3. 图片懒加载，运用 JavaScript 实现懒加载，当图片进入视口时再加载，避免一次性加载所有图片。4. 使用 CDN 加速，将图片存储在 CDN 上，利用 CDN 的分布式节点减少响应时间。示例话术：在电商促销页面，首先将图片转换为 WebP 格式，然后对图片进行压缩，接着使用懒加载技术，在 HTML 中添加相应属性，最后将图片存储到 CDN 上，配置好 CDN 服务。