图片加载与解码 loading=lazy 与 decoding=async 实践
基于 `loading=lazy` 与 `decoding=async` 优化图片加载与解码流程，配合尺寸占位与优先级策略验证对 LCP/INP 的改善。
图片
前端图片优化（AVIF_WebP 与响应式）
采用AVIF/WebP与响应式图片策略，通过`picture`与`srcset/sizes`及按需协商提升首屏与带宽效率，提供服务端与客户端配置与验证方法。
前端图片优化：AVIF 与 WebP 的取舍与落地
"结合压缩效率、画质与兼容性，评估 AVIF 与 WebP 的取舍，并提供对 LCP 的影响与工程化落地建议。"
前端图片优化：AVIF、WebP、Responsive 与懒加载
"通过现代图片格式、响应式资源与懒加载优化首屏与交互性能，提供可直接使用的标签示例。"
前端图片懒加载与占位骨架优化（loading=lazy、IntersectionObserver 与验证）
通过原生懒加载与IntersectionObserver触发加载，配合占位骨架与低分辨率占位图，降低首屏体积与提升交互体验，并提供验证方法。
原生图片懒加载：loading=lazy 与解码策略
"介绍原生图片懒加载与解码策略（async/auto），结合 fetchpriority 与尺寸占位，降低无关资源开销并改善渲染稳定性，提供示例与验证参考。"
响应式图片实践：srcset/sizes 与 picture 的优化
"系统讲解 x/w 描述符与 sizes 的协作、DPR 与布局尺寸的选择逻辑，以及 picture 在艺术指导场景下的应用与 LCP 影响。"
响应式图片选择：picture/srcset/sizes 与 AVIF/WebP 回退
"介绍 `` 与 `srcset/sizes` 的协作，以设备与布局选择最优格式与尺寸，优先 AVIF/WebP 并为不支持的浏览器回退到 JPEG/PNG，提供示例与验证。"
图片EXIF隐私清理与压缩（Strip/Resize/质量）最佳实践
通过清理EXIF元数据、限制尺寸与设置压缩质量，在上传与处理流程中降低隐私泄露与存储成本。
图片与视频优化（WebP/AVIF、Responsive Images、CDN 转码与自适应码率）
系统梳理图片与视频的格式选择、响应式加载与 CDN 转码策略，提供可验证的实现与观测方法。
