Compress Images for WordPress and Core Web Vitals

WordPress sites usually fail Core Web Vitals because of images. The Largest Contentful Paint metric measures how fast your biggest above-the-fold element renders, and on nine sites out of ten that element is a hero photo weighing two or three megabytes. Google sees that file size, counts the milliseconds it takes to paint, and drops your mobile score below the threshold that matters for search ranking.

The fix is boring and specific: get hero images under two hundred kilobytes, content images under a hundred, and thumbnails under forty. This compressor is tuned around those three targets. Pick a preset, drop your photos in, download compressed versions ready to replace the existing media. The output is still clearly photographic quality because visual noise below eighty-five percent JPEG quality is invisible on most content.

WebP output is also an option for sites with modern hosting. WebP is roughly thirty percent smaller than JPG at the same visible quality, which is the single largest performance gain you can make without changing anything else. Every modern browser supports it. Fallback to JPG is trivial to configure in any WordPress theme. If your CDN respects Accept headers, serving WebP to supporting browsers is automatic after you upload.

A typical WordPress installation does not resize uploaded images aggressively. You upload a four thousand pixel JPG from a camera, WordPress generates a few thumbnail sizes, and the full original gets served whenever a theme or plugin asks for the large size. That full original is often three megabytes or more, and on mobile connections serving three megabytes over cellular pushes LCP past three seconds on almost every page.

Plugin-based compression exists but is imperfect. Plugins like Smush and ShortPixel work on your server, use a compression budget, and often process uploads asynchronously so the fresh upload is uncompressed for a period. They also cost money past a modest free tier. Pre-compressing before upload bypasses all of those trade-offs: the file is already small when WordPress sees it, so nothing has to run in the background.

The Core Web Vitals score is not just vanity. Mobile search rankings are affected by it, and Page Experience signals feed into how Google ranks WordPress content against competitors. A site with good content and bad Core Web Vitals loses traffic to a site with similar content and good Core Web Vitals. Image compression is usually the single highest-leverage fix because it removes the biggest weight on the critical render path.