全站图片SEO瘦身审计

为什么需要专门的图片审计

大多数图片优化停留在「压一张图」的水平，而实际页面里的问题往往是分散的：alt 文本缺失、缩略图超过 200KB、内容图仍是 JPEG/PNG、首屏大图被 loading="lazy" 拖慢 LCP、<img> 缺宽高导致 CLS 抖动。这类问题靠人工逐个排查成本高，优先级也难判断——一张 450KB 的 hero 图不转 WebP，通常比给十张小图标补 alt 更值得先修。

技能如何工作

给定一个 URL 和审计范围（单页或整站抓取），技能按固定流程执行：

1. 发现图片：覆盖 <img>、<picture>、CSS background-image 三类来源。
2. Alt 审计：检查是否存在、是否具描述性、是否堆砌关键词，长度参考 10–125 字符。
3. 体积分级：缩略图 200KB、内容图 500KB、hero/banner 700KB 作为 critical 阈值。
4. 格式审计：推荐 WebP/AVIF，检查 <picture> 是否提供格式回退。
5. 响应式与懒加载：检查 srcset/sizes，标记首屏图被懒加载的反模式。
6. 性能信号：LCP 图应有 fetchpriority="high"，非 LCP 图用 decoding="async"。
7. CLS 防护：所有 <img> 需带 width/height 或 aspect-ratio。
8. 输出按体积节省排序的优先级清单，而非按发现顺序罗列。

适用边界

• 这是一个分析型技能：只产出审计报告和建议清单，不自动改代码或压缩图片。
• JPEG XL 已在 Chromium 恢复支持，但 Chrome 稳定版尚未跟进——技能提示关注，不建议现在切换。
• 审计深度依赖页面可抓取性，纯客户端渲染的 SPA 可能需要渲染后的 DOM 才能完整审计。
• 安全边界：不自动安装依赖、不修改系统权限、不执行下载内容；涉及部署或其他外部写入需用户明确确认。