Medium impactPerformance

Images Not Optimized

Oversized images are the #1 cause of slow LCP. Here's how to compress, convert, and serve them right.

What it means

Images are served at larger dimensions or file sizes than needed — often 5–10x what the page actually displays.

Why it matters

Image weight directly hits LCP, which is a Core Web Vitals signal and a real UX issue on mobile.

How to fix it

  1. Identify images flagged as oversized.
  2. Resize to the actual display dimensions (at most 2x for retina).
  3. Convert to WebP or AVIF.
  4. Set width and height attributes to prevent layout shift.
  5. Lazy-load below-fold images (loading="lazy").
  6. Preload the LCP image with fetchpriority="high".

Find this issue on your site automatically

FreeSEO scans for images not optimized and 140+ other issues, free, no signup.

Frequently asked questions

What format should I use?

WebP is the safe default in 2026 — supported everywhere. AVIF is smaller but slightly slower to decode.