skills.rest
anouar1991
anouar1991COMMUNITY
Explore all skills by this author →
GitHub

image-optimization-audit

Audit webpage images for format, sizing, and lazy-loading issues.

1|Updated Jan 9, 2026
Search Tags:#optimization#audit#images#web-performance#lazy-loading#responsive-images
One-click install
npx skills add https://github.com/anouar1991/binaryPetsClaude --skill image-optimization-audit
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: image-optimization-audit
Source: https://github.com/anouar1991/binaryPetsClaude/tree/main/plugins/playwright-toolkit/skills/image-optimization-audit
Command: npx skills add https://github.com/anouar1991/binaryPetsClaude --skill image-optimization-audit

SYSTEM DOCUMENTATION & REQUIREMENTS

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.

Frequently Asked Questions about image-optimization-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I audit webpage images for performance issues and loading speed?▼

You can automate image audits to identify format inefficiencies, oversized dimensions, missing dimensions, lazy-loading mistakes, and CLS risk, while computing potential byte savings across any target webpage.

What does an image optimization audit check for on a webpage?▼

It analyzes format efficiency (JPEG/PNG/WebP/AVIF), validates image sizing against display dimensions, checks lazy-loading behavior, verifies responsive markup (srcset/picture), and identifies missing width/height attributes.

Do I need Playwright browser automation to run an image audit?▼

Yes, you need a Playwright browser automation environment with access to the target page to collect network data, gather image metrics, and generate a detailed optimization report.

How do I detect oversized images causing layout shifts and slow page loads?▼

The audit validates image sizing against display dimensions to detect oversized assets, checks for missing width and height attributes to identify CLS risk, and produces a screenshot highlight of oversized images.

What is the best way to check responsive images and lazy-loading behavior on a webpage?▼

Automate the verification of srcset and picture markup, check lazy-loading behavior for above- vs below-fold images, and generate a structured report with actionable recommendations and screenshot highlights.

Can I use this image audit for product pages and dashboards?▼

Yes, this audit applies to any site needing faster page loads, accurate image sizing, and better format choices across articles, product pages, and dashboards.

Related Skills

Explore More Software Engineering Skills→
benrapportbenrapport

canary

Monitors a deployed URL for console, performance, and page anomalies.

Community
Advanced
puertasbogotapuertasbogota

seo-images

Analyze HTML image markup and report SEO and performance issues.

Community
Intermediate
MatheusrlrMatheusrlr
1

perf-web-optimization

Optimize web performance by addressing Core Web Vitals and reducing bundle sizes.

Community
Intermediate
SergeiGolosSergeiGolos
1

performance-profiling

Audit web performance with Lighthouse and analyze bundle sizes.

Community
Intermediate