Performance6 min read·Updated

Pass PageSpeed Insights Image Audits with WebP

Those three Lighthouse audits are the same job: smaller pixels, better codec. Drop the flagged files into the converter, set max width to the displayed size, quality 75–85, replace, re-run. You do not need a new theme.

Read the audit URLs

PageSpeed lists the exact files. Download them, convert that list, replace those URLs. Do not 'optimise the whole media library' on day one if five files cause 80% of the savings.

Why it matters

  • Image audits are the most common red items on marketing sites.
  • Plugins try to fix everything and break caching.
  • A targeted batch is reversible and measurable.

How to do it

  1. Export the PageSpeed 'opportunities' list.
  2. Convert those files (plus the homepage hero if missing).
  3. Replace. Purge CDN. Re-test the same URL.

Settings that work

Use the width Lighthouse suggests. If it says '500 px displayed', do not upload 3000 px.

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

Field data lags. Lab tests also vary. Compare the image transfer size; that number does not lie.

Either satisfies 'next-gen'. WebP is easier to produce locally.

Keep reading

Performance6 min read

Next-gen formats audit

The Lighthouse next-gen formats audit wants WebP or AVIF. Convert the listed JPEGs and PNGs in your browser.

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
Performance6 min read

Compress PNG

PNGs are huge because they are lossless. Convert UI to high-quality WebP and photos to WebP 80%.

Read more