Responsive 策略（2025）

图片优化与 AVIF/WebP/Responsive 策略（2025）图片占据页面体积的主导地位，优化能显著改善体验。

一、格式与转换格式选型：优先 AVIF/WebP，提供回退到 JPEG/PNG。批量转换：在构建或上传阶段自动转换与压缩。

二、响应式与懒加载响应式：`srcset/sizes` 提供不同分辨率与密度资源。懒加载：延迟非首屏图片加载，降低首屏成本。

三、CDN 与缓存CDN：就近分发与缓存；热点资源预热。缓存策略：合理 TTL 与校验，兼顾更新与命中率。注意事项关键词、分类与描述与正文一致；策略与机制为通用与可验证实践。保持画质与体积的平衡，避免过度压缩。