Speed Up WordPress With Caching: A Practical Guide
How caching makes WordPress faster: page, browser, object and CDN caching explained, plugin options, server-level caching, what not to cache in stores…
Compressing and Optimizing Images to Speed Up WordPress
Images are usually the heaviest part of a web page. Optimizing them is one of the fastest ways to improve loading speed, Core Web Vitals and mobile experience, often without any visible loss in quality.
Key takeaways
- Resize images to the size they are displayed, then compress.
- Serve modern formats such as WebP or AVIF.
- Lazy-load images below the fold, but not the main hero image.
- One image optimization plugin is enough.
Why image optimization matters
- Faster pages and better Largest Contentful Paint (LCP).
- Less data for mobile users.
- Lower bandwidth and storage costs.
- Better rankings in Google Search and Google Images.
Types of compression
| Type | What happens | Use for |
|---|---|---|
| Lossy | Removes some data; much smaller files | Photos, hero images |
| Lossless | Keeps all data; smaller savings | Logos, screenshots, graphics |
| Glossy / smart | Balanced compression | Most websites |
The best formats in 2026
- WebP: widely supported, much smaller than JPEG and PNG.
- AVIF: even smaller in many cases; support is now broad.
- SVG: for logos and icons.
- JPEG/PNG: as fallbacks only.
The best WordPress image plugins
- ShortPixel Image Optimizer: lossy/glossy/lossless, WebP and AVIF.
- Imagify: simple interface, WebP conversion, by the WP Rocket team.
- Smush: popular free option with lazy loading.
- EWWW Image Optimizer: can compress on your own server.
- TinyPNG (Compress JPEG & PNG images): based on the well-known TinyPNG service.
| Plugin | WebP/AVIF | Free tier | Highlight |
|---|---|---|---|
| ShortPixel | Yes | Limited monthly credits | Best compression options |
| Imagify | Yes | Limited | Very easy |
| Smush | WebP (Pro) | Yes | Lazy load built in |
| EWWW | Yes | Yes | Local compression |
| TinyPNG | WebP | Limited | Reliable quality |
External tools (no plugin)
Compress before uploading with tools like Squoosh or TinyPNG, especially for hero images and banners.
How to enable WebP on WordPress
WordPress supports uploading WebP images natively. To convert existing JPEG/PNG images automatically, enable WebP (or AVIF) delivery in your image plugin, or use a CDN that converts images on the fly.
Pro tips
- Upload images at the largest size they will be displayed, not straight from the camera.
- Set width and height to prevent layout shift.
- Do not lazy-load the main above-the-fold image; consider preloading it.
- Use descriptive file names and alt text.
- Serve images through a CDN.
More in WordPress caching and speed.
Recommended image sizes
| Use | Suggested width | Format |
|---|---|---|
| Full-width hero | 1600–1920 px | WebP/AVIF |
| Content image | 1000–1200 px | WebP |
| Product image | 1000–1500 px square | WebP |
| Thumbnail | 400–600 px | WebP |
| Logo / icons | Vector | SVG |
WordPress generates several sizes automatically; make sure your theme uses the right one through srcset.
Fixing Largest Contentful Paint caused by images
If your main image is the LCP element: do not lazy-load it, add fetchpriority="high", serve it in WebP or AVIF at the right size, and preload it if it is a CSS background. These changes often move LCP from "needs improvement" to "good."
Accessibility and SEO for images
Write alt text that describes the image's purpose, not just "image." Use descriptive file names before uploading, add captions where they help understanding, and include important images in your XML sitemap if your SEO plugin supports it.
Frequently asked questions
Will compression make my images look worse?
Smart or glossy compression is usually invisible to visitors while cutting file size significantly.
Should I compress images that are already on my site?
Yes. Most plugins can bulk-optimize your existing media library.
Should I use a CDN for images?
Yes for most sites. A CDN serves images from servers close to visitors and can convert formats on the fly.
