Conducts a comprehensive technical audit of website images to improve performance, SEO, and Core Web Vitals.
The Image Optimization Audit skill for Claude Code automates the process of diagnosing image-related performance bottlenecks. By leveraging Playwright and Chrome DevTools Protocol, it analyzes every image on a page for modern format adoption (WebP/AVIF), responsive markup (srcset/sizes), and layout stability. It identifies critical issues like lazy loading on above-fold content, oversized dimensions relative to display size, and broken links, providing a detailed report with estimated byte savings and actionable recommendations to enhance page load speeds and user experience.
主要功能
01Automated analysis of image format efficiency (WebP/AVIF vs. legacy formats)
02Calculation of potential byte savings from format and dimension optimization
03Detection of Cumulative Layout Shift (CLS) risks from missing width/height attributes
041 GitHub stars
05Audit of responsive image markup including picture elements and srcset
06Validation of lazy loading implementation for above and below-fold content
使用场景
01Diagnosing and fixing slow page load times caused by unoptimized visual assets
02Improving Core Web Vitals scores by identifying images causing layout shifts
03Conducting technical SEO audits to ensure images are optimized for search engines
