How to Optimise Images for WordPress (and Why It Matters More Than You Think)

Images are responsible for more slow WordPress sites than any other single factor. Not plugins, not themes, not hosting. Images.

The average WordPress page loads somewhere between 2MB and 5MB of data on a first visit. On most sites, images account for 60–80% of that. A product page with 12 unoptimised JPEGs, a homepage hero image that was never resized, a blog post with screenshots uploaded straight from a MacBook Retina display — these are not edge cases. They are the norm.

Why Image Optimisation Matters

Google PageSpeed and Core Web Vitals

Google's Largest Contentful Paint (LCP) metric measures how long it takes for the main visible element of a page to load. On most pages, that element is an image. If your LCP image is a 4MB uncompressed JPEG, your LCP score will be terrible regardless of how fast your server is.

Google uses LCP as a ranking signal. A slow LCP hurts your position in search results.

Conversion rates

Google's own research found that as page load time goes from one second to three seconds, the probability of a mobile visitor bouncing increases by 32%. From one second to five seconds, it is 90%.

For WooCommerce stores specifically, slow product pages and checkout pages are directly measurable in lost revenue. A store with 5,000 monthly visitors and a 2% conversion rate loses roughly 40 sales a month for every additional second of load time. At an average order value of €75, that is €3,000 a month.

What Image Optimisation Actually Means

There are four distinct problems that fall under image optimisation:

1. File size (compression)

An image file can be compressed without any visible change in quality. A 2MB JPEG can often be reduced to 200KB with no perceivable difference on screen. Most images uploaded to WordPress have never been compressed.

2. File format (WebP vs JPEG vs PNG)

WebP is a modern image format developed by Google. It produces files 25–35% smaller than JPEG at equivalent visual quality. Every major browser has supported WebP since 2020. There is no meaningful compatibility reason to still be serving JPEGs to most visitors.

3. Dimensions (image size vs display size)

If your site displays a product image at 600×600 pixels but the uploaded file is 2400×2400 pixels, the browser downloads all 2400×2400 pixels and scales it down. The extra pixels are downloaded and then thrown away.

4. Lazy loading

Images below the fold do not need to load immediately. Lazy loading defers them until the visitor is about to reach them. WordPress has had native lazy loading built in since version 5.5.

How to Fix Image Optimisation on WordPress

Option 1: ShortPixel (recommended)

ShortPixel is the most widely used image optimisation plugin for WordPress. The free plan gives you 150 credits per month. Paid plans start at around €4/month.

Setup:

  1. Install ShortPixel from the WordPress plugin directory
  2. Create a free account at shortpixel.com and copy your API key
  3. Go to Settings > ShortPixel in your WordPress dashboard
  4. Paste your API key and choose "Lossy" compression
  5. Enable "WebP delivery"
  6. Go to Media > Bulk ShortPixel and run the bulk optimisation

Expected results: 50–80% reduction in total image payload.

Option 2: Manual compression

For a small number of images, use Squoosh — free, browser-based, no account needed. Drag in an image, choose WebP as the output format, download.

Option 3: Cloudflare Polish

If your site is behind Cloudflare, Polish automatically compresses and converts images to WebP at the CDN level. Available on the Pro plan.

Fixing Image Dimensions

Before uploading, resize to the largest size you will ever need. For most sites this is 1920px wide for full-width images and 800–1200px for content images.

For existing uploads: install the "Regenerate Thumbnails" plugin and regenerate after changing your Media settings.

What a Plugin Cannot Fix

Image compression will improve your LCP score. But if your site scores 20/100 on PageSpeed, image compression alone will not get you to 90.

The other major causes of slow WordPress sites are render-blocking JavaScript, slow server response time (TTFB), and no caching. These are infrastructure and configuration problems that go beyond what an image plugin can fix.

If you want to know exactly where your site's performance problems are coming from, run it through the HigherHost speed test. It scans your homepage, shop, cart, and checkout separately, identifies the specific issues, and shows you what is costing you the most.


HigherHost provides managed WordPress and WooCommerce hosting with server-level caching, automatic image optimisation via CDN, and free site migration. View our hosting plans.

©2026 Higher Host. All Rights Reserved.