用途：审查图片资源、标记与交付（CDN 或构建转换）配置，确保首屏关键图片被高优先级加载，以改善 Largest Contentful Paint（LCP），进而影响 Core Web Vitals 与 SEO。
主要能力：识别初始渲染所需的关键图片；检查是否使用 fetchpriority='high'、是否在文档 head 中预加载主图、是否误对首屏图片使用 loading='lazy'；在代码审查中定位违反规则的具体文件或组件。
使用方式：为关键图片添加 fetchpriority='high'，对 hero 图片使用 preload，移除首屏图片的 lazy 加载；在 DevTools 中确认修改生效。完整实现细节、代码示例与框架指引见 references/rule.md，规则页：https://frontendchecklist.io/en/rules/images/critical-images。
适用场景：前端性能优化、代码审查及图片资源交付链路检查。
限制：该资料未提供具体构建工具配置、价格或平台支持信息；实际效果受页面结构与图片资源影响，需实测验证。