Monitoring

    Image Optimisation Checks

    Identify oversized, unoptimised, and poorly formatted images on your site.

    Updated 2026-03-17
    2 min read
    images
    optimization
    webp

    Image Optimisation Checks#

    Images are typically the largest assets on a web page. LemWatch scans your pages and identifies optimisation opportunities.

    What Gets Checked#

    CheckDescription
    Oversized imagesImages served at dimensions much larger than displayed
    Unoptimised formatsImages using PNG/JPEG when WebP or AVIF would be smaller
    Missing dimensionsImages without width/height attributes (causes layout shift)
    Total page weightCombined size of all images on the page
    Lazy loadingWhether off-screen images use loading="lazy"

    Results#

    For each page checked, you'll see:

  1. Total images found on the page
  2. Oversized count — Images that could be resized
  3. Unoptimised format count — Images not using modern formats
  4. Total size in KB and potential savings in KB
  5. Per-image details — URL, current format, dimensions, and recommended changes
  6. How to Fix#

    LemWatch provides actionable recommendations:

  7. Convert to WebP/AVIF — Modern formats are 30–50% smaller
  8. Resize to display dimensions — Don't serve 4000px images in 400px containers
  9. Add width and height — Prevents Cumulative Layout Shift (CLS)
  10. Enable lazy loading — Defer off-screen images
  11. Use a CDN with auto-optimisation — Cloudflare, Imgix, or Cloudinary
  12. Impact on Core Web Vitals#

  13. LCP — Large unoptimised hero images directly increase Largest Contentful Paint
  14. CLS — Missing dimensions cause layout shifts as images load
  15. INP — Heavy images can block the main thread during decode
  16. Was this article helpful?