image-optimization-audit
CommunityAudit and optimize page images for speed.
Authoranouar1991
Version1.0.0
Installs0
System Documentation
What problem does it solve?
Images are often the heaviest assets on webpages and manual audits miss critical problems. This audit automates comprehensive image audits to identify format inefficiencies, oversized dimensions, missing dimensions, lazy-loading mistakes, and CLS risk, and it computes potential savings.
Core Features & Use Cases
- Analyze every image on a page for format efficiency (JPEG/PNG/WebP/AVIF) and encoding quality.
- Validate image sizing against display dimensions, detect oversized assets, and estimate potential byte savings.
- Check lazy-loading behavior for above- vs below-fold images, verify responsive markup (srcset/picture), and identify missing width/height attributes.
- Produce a structured report with actionable recommendations and a screenshot highlight for oversized images.
Quick Start
Run the image-optimization-audit against a target page to generate a comprehensive image optimization report.
Dependency Matrix
Required Modules
None requiredComponents
Standard package💻 Claude Code Installation
Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.
Please help me install this Skill: Name: image-optimization-audit Download link: https://github.com/anouar1991/binaryPetsClaude/archive/main.zip#image-optimization-audit Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.