SEO6 min read·Updated

WebP and Core Web Vitals: The SEO Connection

Core Web Vitals that images touch: **LCP** (bytes and decode) and **CLS** (missing dimensions). INP is interaction. Convert to WebP for LCP; add width/height for CLS. Do not expect WebP to fix a slow JS checkout.

Map the metric to the file

If LCP is an image, WebP + correct size is the first patch. If LCP is text blocked by fonts/JS, convert images anyway but fix the blocker.

Why it matters

  • Search Console shows CWV at URL-group level.
  • Image-heavy templates (PLP, blogs) are usual LCP fails.
  • CLS from images is sloppy HTML, not the codec.

How to do it

  1. Convert LCP images. Set dimensions. Preload if needed.
  2. Convert the rest of the template so INP devices are not decoding giants in the background.
  3. Re-check Search Console after a few weeks of field data.
Convert a batch in your browser. Nothing is uploaded.
Open the converter

Put it into practice

Convert your images to WebP right now, free and privately in your browser.

Open the converter

Frequently asked questions

Page experience including CWV is used. It is not the only factor.

Only indirectly (less main-thread decode). Do not use it as an INP strategy.

Keep reading

Performance9 min read

Core Web Vitals & WebP

Learn how converting images to WebP improves Largest Contentful Paint, Cumulative Layout Shift and your PageSpeed Insights score, with a step-by-step optimisation checklist.

Read more
Performance6 min read

Fix image LCP

If LCP is a photo or PNG, convert it to WebP at the rendered width, preload it, and stop lazy-loading the hero.

Read more
SEO6 min read

Do WebP images rank better?

WebP is not a ranking factor by name. Faster pages and healthier Core Web Vitals are. That is why WebP helps SEO.

Read more