Skip to main content
All website issues
Speed

Images could be compressed for faster loading

What this means for your business

Images on your page are larger file sizes than they need to be, slowing load times and costing mobile visitors extra data. This is one of the most common and easiest wins for improving page speed.

How to fix it
Easy
30–60 minutes

  1. 1Download your page images and run them through Squoosh (squoosh.app) or TinyPNG — both free tools. Aim for files under 200KB for most images, under 100KB for thumbnails.
  2. 2Convert images to WebP format — it's 25–35% smaller than JPG at the same visual quality and is supported by all modern browsers.
  3. 3For mobile visitors, make sure you're not serving a massive desktop-sized image on a small screen. If your CMS supports it, upload the image at the largest size you need and let it handle responsive sizing automatically.
  4. 4Set the correct image dimensions — never display a 2000px image in a 400px container. Export images at the size they'll actually be displayed.
  5. 5Add loading="lazy" to images below the fold so they only load when the visitor scrolls to them.

On WordPress

Install Imagify, ShortPixel, or Smush. These plugins automatically compress and convert images to WebP when you upload them — zero manual work required.

On Shopify

Shopify automatically converts uploaded images to WebP and serves them at appropriate sizes. Make sure you're using the image_url filter with a width parameter in your theme liquid files rather than serving full-resolution images.

Pro tip: Image optimization is the single highest-impact, lowest-effort performance improvement for most websites. A 10-minute pass through TinyPNG can shave 2–3 seconds off load time.

Does your site have this problem?

SiteSprout scans your site, tells you which issues you actually have in plain English, and keeps watch so nothing breaks silently.

Scan your site free