小米的电商平台有商品详情页，页面上需要展示商品的图片。请描述如何优化商品图片的加载性能。

答题要点

推荐使用分层分析法，从不同层面分析优化方法。关键要点如下：1. 图片格式选择：选择合适的图片格式，如 WebP 格式，它具有更好的压缩比。2. 图片尺寸优化：根据页面展示需求，调整图片的尺寸，避免加载过大的图片。3. 懒加载：使用懒加载技术，当图片进入可视区域时再进行加载。示例思路：首先，在服务器端将图片转换为 WebP 格式。然后，根据商品详情页的布局，调整图片的尺寸。最后，使用 JavaScript 实现图片的懒加载，这样可以有效提高页面的加载性能。