Picture this: you’ve spent weeks building your WordPress website. Everything looks perfect. The design is spot-on, the content is engaging, and you’re ready to show it to the world.
Then you test the loading speed.
And it’s slower than dial-up internet from 1999.
If this sounds familiar, you’re in good company. In our experience optimising sites, we’ve found that 97% of WordPress websites are unnecessarily bloated. The good news? You can fix this without starting over or needing advanced technical skills.
Why WordPress Website Size Actually Matters (More Than You Think)
When we talk about reducing WordPress website size, we’re focusing on two key areas:
- Page weight – how much data visitors need to download (images, scripts, stylesheets)
- Site footprint – your total server storage needs (database, media files, backups)
Here’s why getting this right can make or break your online success:
- Google penalises slow sites – Core Web Vitals are ranking factors that directly affect your search visibility. A slow site means fewer people find you.
- Speed kills conversions – nearly half of visitors will bounce if your site takes longer than three seconds to load. That’s money walking out the door.
- Hosting costs spiral – bloated sites need more server resources and backup storage, turning your £5/month hosting into a £50/month nightmare.
- Mobile users have zero patience – with most traffic coming from mobile devices, a slow site destroys the user experience where it matters most.
Here’s the reality check: A 1-second delay in page load time reduces conversions by 7%. For an e-commerce site making £100,000 annually, that’s £7,000 lost to poor performance. At Webhive Digital, we treat website performance as one of the main pillars of every successful SEO strategy.
Make Your Website Work Harder To Deliver Real Results
Get in-depth feedback to uncover your website’s full potential.
Check Our Website Review ServiceStep 1: Audit Before You Optimise (Don’t Skip This!)
Jumping straight into optimisation without data is like performing surgery blindfolded. You’ll definitely hit something important and make things worse.
Essential WordPress Speed Testing Tools
Use multiple tools to get the complete picture of your site’s performance:
🔍 For Overall Performance:
- PageSpeed Insights – Google’s official speed test. Shows real user data from Chrome browsers, plus actionable optimisation suggestions
- GTmetrix – Easy-to-understand performance reports with before/after comparisons and specific recommendations
- Pingdom – Quick speed testing with simple reports and uptime monitoring options
🔍 For Deep Analysis:
- WebPageTest – Deep-dive analysis showing exactly what loads when, with waterfall charts and multiple test locations
- Lighthouse – Built into Chrome DevTools, gives detailed performance audits with specific scores for speed, accessibility, and SEO
- Browser DevTools – Free tools built into Chrome/Firefox for real-time performance analysis and debugging
Pro tip: Test from multiple locations and devices. A site that’s lightning-fast in London might crawl in New York, and desktop performance often differs drastically from mobile.
Quick Wins: The 80/20 Rule of WordPress Optimisation
The audit-first approach helps you spot the bottlenecks slowing down your website. The 80/20 rule applies here perfectly – small fixes often yield massive performance gains.
For example, you might discover that your hero image is an uncompressed PNG, slowing down the initial page load. Or you could find that you have five fonts loading unnecessarily, blocking text rendering. Sometimes, the biggest win is simply removing plugins that add bloat – like using a simple Google Maps embed instead of a plugin that loads extra scripts just to display a map.
The beauty is you don’t need to rebuild everything. Most speed problems have surprisingly simple solutions once you know what to look for.
Common high-impact findings from our audits:
- Oversized images account for 60-80% of page weight on most sites
- Unused plugins often load 200-500KB of unnecessary code
- Unoptimised fonts can block page rendering for 2-3 seconds
- Poor hosting limits improvement potential regardless of other optimisations
Step 2: Tame Editor and Theme Bloat
Most WordPress performance problems come from three sources: heavy editors, bloated themes, and too many plugins. These form your website’s foundation – if they’re bloated, optimising everything else becomes an uphill battle.
Choose Your Content Editor Wisely
Your editor choice affects every single page on your site, so choose strategically. Most people default to visual page builders like Elementor or Divi because they look powerful and user-friendly. However, these tools load their own frameworks and libraries, creating performance overhead you’ll need to optimise around later.
The Block Editor: Your Speed-First Option
The WordPress Block Editor has evolved from “that annoying new thing” to a genuinely useful tool. It’s fast, built into WordPress core, and handles most content creation needs without adding extra weight to your site.
Why the Block Editor wins on speed:
- Zero additional frameworks – uses WordPress core code only
- Clean markup – generates semantic HTML without bloated wrapper divs
- Growing ecosystem – 50,000+ Block Editor compatible plugins and themes
- Future-proof – aligned with WordPress core development priorities
Most websites can use it straight out of the box without any fuss. Need something more advanced? Developers can still build practically anything using custom themes, custom blocks, and plugins like Advanced Custom Fields.
Pro tip: You can create a robust design system by editing your child theme’s theme.json file and adding custom style variations for blocks and sections. This gives you great design control within defined style constraints (no random font sizes, colours, or spacing) while keeping the performance benefits of the Block Editor.
Elementor Optimisation (If You Must Use It)
Sometimes you need very specific design control that page builders provide, which might be worth the performance trade-off. If you’re sticking with Elementor, here’s how to minimise the damage:
Essential Elementor Optimisations:
Set up containers properly – use fewer nested containers and avoid unnecessary wrapper divs. Turn on Optimised Markup (Elementor > Settings > Features) for cleaner HTML when building from scratch.
Limit widget variety per page – each widget type loads its own CSS/JS. Use Element Manager to disable widgets you don’t use – this reduces CSS bloat, JavaScript dependencies, and overall bundle size.
Disable Google Fonts in Elementor if you’re loading them elsewhere or self-hosting.
Choose a minimal theme – don’t make things worse by pairing Elementor with another bloated theme. You’re already loading Elementor’s framework, so adding a feature-heavy theme on top is like wearing two jackets. Stick with something minimal like Hello Elementor.
Choose Lightweight WordPress Themes
Your theme is your site’s foundation. Most websites don’t need a theme that builds rockets and makes coffee. A bloated theme makes every other optimisation harder.
Why Lightweight Themes Outperform “Feature-Rich” Options
Performance benefits:
- 40-60% faster initial load compared to multipurpose themes
- Fewer plugin conflicts due to simpler codebase
- Better Core Web Vitals scores out of the box
- Lower maintenance overhead with fewer features to update
How to spot the right lightweight theme:
✅ Look for:
- Good reviews focusing on speed and performance
- Small theme zip file (usually under 5MB)
- Minimal third-party dependencies
- Performance-focused marketing
❌ Avoid themes advertising:
- “1000+ pre-built templates”
- “Ultimate customisation options”
- “All-in-one solution”
- Bundled with 20+ premium plugins
Don’t overlook WordPress default themes – they’re not boring anymore. The latest themes like Twenty Twenty-Four come packed with templates and customisation options while staying surprisingly lightweight. They’re built by the WordPress team, so you know they’ll work well with future updates.
Think of it this way: lean theme + carefully chosen plugins beats one bloated multipurpose theme every time.
Use Fewer Plugins (Seriously)
The average WordPress site runs 25+ plugins. Most only need 5-10. Each plugin adds weight, even the ones you barely use.
The Real Cost of Plugin Bloat
Every plugin affects your site, even when “inactive”:
- Database queries increase with each plugin
- HTTP requests multiply with each plugin’s assets
- Security vulnerabilities grow with each additional codebase
- Compatibility issues compound with more moving parts
Simplify Your Plugin Stack
Before installing any new plugin, ask yourself:
- Does WordPress core handle this natively? (Many features are now built-in)
- Do I ACTUALLY need this feature weekly? (If not, consider manual alternatives)
- Is this plugin actively maintained and well-reviewed? (Check last update date and support responses)
- Can this be solved with 10 lines of code? (Often yes for simple functionality)
Don’t just look at install numbers – they reflect marketing, not quality. Instead, check how quickly the developer responds to support issues and read recent reviews carefully.
Red flags to avoid:
- Last updated more than 6 months ago
- Support forum full of unresolved issues
- Developer doesn’t respond to user questions
- Lots of recent negative reviews mentioning bugs
Avoid multipurpose plugins. Those “all-in-one” solutions look convenient, but you’ll use 10% of the features while 100% of the code slows your site.
Plugin Audit Checklist (Review Monthly):
- Plugins not used in 30+ days → Delete
- Plugins with 6+ months since last update → Find alternatives
- Plugins with unresolved support tickets → Consider replacement
- Plugins duplicating functionality → Consolidate
Step 3: Master WordPress Image Optimisation
Images account for 60-80% of page weight on most WordPress sites. Optimising images delivers the biggest performance gains with the least technical complexity.
Use Modern Image Formats That Actually Work
PNG and JPG might seem like safe choices, but they’re yesterday’s formats for today’s web.
WebP: Your New Default Image Format
WebP should be your go-to format. It delivers:
- 30-50% smaller files than equivalent JPEG
- Transparency support like PNG
- Works in all modern browsers (95%+ coverage)
- Native WordPress support since version 5.8
AVIF: The Next Generation
AVIF is even better than WebP, delivering:
- 50% smaller files than WebP with identical quality
- Better compression than any other format
- Growing browser support (now 80%+ coverage)
While support isn’t universal yet, AVIF is worth considering for new projects, especially for tech-savvy audiences.
SVG for Logos and Simple Graphics
That PNG logo in your header? It’s probably killing your Core Web Vitals score. Switch to SVG and watch your scores improve.
SVG benefits for branding:
- 90%+ file size reduction vs PNG logos
- Perfect scaling at any resolution
- Instantly loading with no pixelation
- CSS customisable colours and effects
WordPress blocks SVG uploads by default for security reasons, but you can safely enable them with a plugin like “Safe SVG”. For security, restrict SVG uploads to administrators only.
Replace Animated GIFs with Videos
Replace GIFs with MP4 or WebM videos. GIFs are massive and look terrible. A short MP4 video is usually 80% smaller with better quality. Save GIFs only for simple, static images with few colours.
Smart Image Compression and Upload Strategy
Don’t let WordPress handle your image compression automatically. Use tools like TinyPNG for manual optimisation, or install a plugin like ShortPixel or Imagify if your editors need automation. You’ll get better results either way.
Maximum size rule: Keep uploads under 2560px width/height. Anything larger and WordPress will recompress with its own settings, often creating bigger files than what you started with.
Pro tip: You can easily adjust WordPress compression settings by adding this snippet to your child theme’s functions.php:
// Adjust auto compression of new images (JPEG and WebP)
define('CUSTOM_IMAGE_QUALITY', 75); // 1-100, default is 82
add_filter('jpeg_quality', function ($quality) {
return CUSTOM_IMAGE_QUALITY;
}, 10, 1);
add_filter('wp_editor_set_quality', function ($quality, $mime_type) {
if (in_array($mime_type, ['image/jpeg', 'image/webp'])) {
return CUSTOM_IMAGE_QUALITY;
}
return $quality;
}, 10, 2);This affects all new uploads and generated srcset images. To apply new settings to existing images, use this WP-CLI command:
wp media regenerate --yesUse Responsive Images Instead of Background Images
Proper HTML <img> tags perform better than CSS background images and provide better SEO value. Choose to insert an image element over the change the section background, when possible.
Performance benefits: WordPress automatically generates responsive image sizes (srcset) for HTML images, allowing browsers to serve appropriately sized images based on device and screen resolution. CSS background images always load at full resolution.
SEO considerations: Search engines cannot index CSS background images, meaning lost opportunities for image search traffic and reduced content discoverability.
Implement Strategic Lazy Loading
Lazy loading prevents images from loading until users scroll to them, dramatically reducing initial page weight. But use it strategically.
✅ Lazy load:
- Images below the fold
- Gallery images
- Blog post thumbnails
- Embedded social media content
❌ Don’t lazy load:
- Hero images (above the fold)
- Logo images
- First 2-3 images on any page
- Critical CSS background images
Use lazy loading for secondary elements like background images in lower sections and embedded iframes. Usually, caching plugins have settings for this, like this in WP Rocket.
Step 4: Optimise Fonts and Assets
Poor font and asset management can add 2-3 seconds to your load time. Here’s how to fix it.
Font Optimisation for Core Web Vitals
Your font choices can make or break your website’s loading speed. Fonts are render-blocking resources – the browser stops everything to load them first, directly impacting your Core Web Vitals.
Use Modern Font Formats
Prefer WOFF2 over TTF or OTF. These modern formats are compressed, web-optimised, and load faster.
Self-Host Fonts Instead of Loading from Google
Instead of relying on Google Fonts, download the font files and serve them from your own server.
Why self-hosting beats Google CDN:
- Eliminates external DNS lookups (saves 200-500ms)
- Better caching control with your CDN
- No privacy concerns for GDPR compliance
- Prevents font loading delays from third-party downtime
Pro tip: Don’t just hit the download button on Google Fonts. Instead, click “Get embed code” and copy the CSS URL. Paste this URL directly into your browser to access the actual font files with Unicode subsets. Download only the character sets you need (usually Latin) and add them using @font-face declarations or theme.json.
Replace Icon Fonts with SVG
Replace Font Awesome with SVG icons. Icon fonts are render-blocking resources, and most sites use 10 icons from libraries containing thousands.
Better alternatives:
- Individual SVG files for each icon you use
- SVG sprites (one file containing multiple icons)
- Icon libraries like Lucide or Heroicons that offer individual SVGs
Elementor has an “Inline Font Icons” option designed to automatically convert font icons to SVG. It’s worth enabling if your site is already built with Elementor, but the results can be inconsistent and the icon font can be loaded alongside the svg – test it thoroughly by checking the loaded resources in the Inspector > Network tab.
CSS and JavaScript Optimisation: Serve Only What’s Needed
Unoptimised CSS and JavaScript can easily add 1-2MB to your page weight. The goal is serving only what’s necessary while ensuring scripts don’t block page rendering.
Minify and Combine Carefully
Optimisation plugins remove unnecessary spaces, comments, and characters from your code. Most plugins already serve minified files, so you won’t gain much from additional minification, but it’s still worth trying.
File combining reduces HTTP requests but can break page builders like Elementor. Start with minification first, then test file combining carefully.
Critical CSS & Async Loading
Load only the CSS needed for above-the-fold content first, then defer the rest. Move JavaScript to the footer or load it asynchronously to prevent render-blocking. Plugins like WP Rocket, Autoptimize, or LiteSpeed Cache handle this automatically.
Pro tip: Since WordPress 6.3, you can load custom scripts asynchronously:
wp_enqueue_script(
'custom-script',
plugin_dir_url(__FILE__). 'script.min.js',
array(),
'1.0.0',
array(
'strategy' => 'async',
'in_footer' => true,
)
);
Load Assets Selectively
Don’t load everything everywhere. Your blog doesn’t need shop scripts, and your contact page doesn’t need carousel libraries. Use plugins like Asset CleanUp Pro or Perfmatters to disable unused CSS/JS per page.
Clean Up WordPress Extras
Remove unnecessary features like emoji scripts, embeds, and REST API links. This reduces HTTP requests and cleans up your HTML. Most optimisation plugins include options for these.
Minify HTML Output
Removing whitespace and comments from HTML can save additional bytes. Enable in WP Rocket, Autoptimize, or W3 Total Cache.
Important: Test thoroughly on Elementor or other page builder sites, as HTML minification sometimes breaks the visual layout. If issues occur, disable this feature while keeping CSS/JS minification active.
Regular Asset Auditing
Audit your assets regularly. Remove unused fonts, icons, scripts, and third-party resources. Every kilobyte saved makes your site faster and leaner.
Reliable Website Maintenance & Support For Peace of Mind
From design updates to site security, our website support services have got you covered.
Check Our Website Support ServiceStep 5: Database and Caching Optimisation
Over time, your WordPress database collects clutter – old revisions, spam comments, expired transients, and orphaned metadata. A bloated database slows every page load, while proper caching can reduce server response times by 70-90%.
Clean the Database Regularly
Remove unnecessary data like old revisions, spam comments, and transients. Most caching plugins include database cleanup features. Alternatively, use dedicated plugins like WP-Optimize or Advanced Database Cleaner. For content-heavy sites, consider archiving older posts or moving them to a separate subdomain.
Implement Smart Caching Layers
Caching reduces server load and speeds up delivery, but only when configured properly.
- Page caching – Serves static HTML instead of regenerating pages with PHP every time. WP Rocket, W3 Total Cache, or WP Super Cache handle this well.
- Object caching – Stores database query results in memory using Redis or Memcached. Essential for sites with complex queries or high traffic.
- Browser caching – Tells visitors’ browsers to store static assets locally, reducing repeat requests on return visits.
Poorly configured caching can slow down your site instead of speeding it up. Always test performance before and after enabling caching features.
Database Performance Optimisation
On large sites, poorly indexed tables can slow everything down. Use tools like Query Monitor to spot inefficient queries. Look for:
- Queries taking longer than 0.05 seconds
- Duplicate queries on the same page
- Missing database indexes on custom fields
Pro tip: If you’re running a membership site, e-commerce store, or have thousands of posts, consider upgrading to a hosting plan that includes Redis object caching.
Step 6: Hosting and Server Optimisation
Where and how your files are served has a massive impact on performance, especially if your audience spans different regions. A fast site on slow hosting is still going to be slow.
Choose Performance-Optimised Hosting
Your hosting choice matters, but it’s not as black-and-white as some “experts” claim.
Shared hosting isn’t automatically bad. Quality shared hosting from reputable providers (like SiteGround, Namecheap, or Hostinger) can handle most small to medium websites just fine. The key is choosing a host that doesn’t oversell its servers.
When to consider upgrading:
- Your site consistently loads slowly, even after optimisation
- You’re getting regular traffic spikes that crash your site
- You need specific server configurations or software
Your upgrade options:
- Managed VPS – dedicated resources with technical support
- Managed WordPress hosting – WordPress-optimised servers (can be shared or VPS)
- Cloud hosting – scalable resources that grow with your traffic
What to look for in good hosting:
- PHP 8.1+ with OPcache enabled
- SSD storage instead of traditional hard drives
- At least 1GB RAM for most WordPress sites
- HTTP/2 support
- Server-level Gzip or Brotli compression
- Server location close to your main audience or a CDN to serve global visitors quickly
Red flags to avoid: Hosts advertising “unlimited everything” or suspiciously cheap prices. Quality hosting costs money – there’s no way around it.
Move Heavy Files Off Your Main Server
Don’t host large PDFs, videos, or download files on your main server. Your website shouldn’t slow down because someone’s downloading your 50MB product catalogue.
Smart alternatives:
- Upload downloads to external storage like Google Cloud
- Use a subdomain for large files (downloads.yoursite.com)
- Host videos on Vimeo or YouTube instead of self-hosting
Use a CDN for Global Speed
A Content Delivery Network serves your static assets from servers closer to visitors, reducing latency and improving global load times. Cloudflare’s free plan works great for most WordPress sites and includes performance optimisation plus basic security protection.
Common WordPress Optimisation Mistakes to Avoid
Learn from the mistakes we’ve seen across hundreds of WordPress optimisations:
❌ Combining too many CSS/JS files – Can break page builders and cause render-blocking issues
❌ Aggressive lazy loading – Lazy loading above-the-fold content hurts Core Web Vitals
❌ Too many optimisation plugins – Multiple caching plugins often conflict and slow sites down
❌ Ignoring mobile performance – 60%+ of traffic is mobile – optimise mobile-first
❌ Keeping “just in case” plugins – Inactive plugins still affect performance and security
❌ Using nulled or outdated themes – Security risks and poor performance optimisation
❌ Installing every “speed” plugin – More optimisation plugins ≠ faster site. Choose one solution
❌ Not testing on staging first – Always test significant changes before going live. Free staging environments are available through most hosting providers
❌ Optimising without measuring – Use data to guide decisions, not guesswork
❌ Focusing only on PageSpeed scores – Real user experience matters more than perfect scores
❌ Ignoring user experience – Fast sites that are hard to use don’t convert well
Ready to Transform Your Website Performance?
WordPress performance optimisation isn’t about implementing every technique at once – it’s about making strategic improvements that deliver real results. The difference between a site that converts and one that doesn’t often comes down to those crucial few seconds of loading time.
Start with the biggest wins first:
- Audit your current performance using the tools mentioned in Step 1
- Optimise your images – this alone can cut page weight by 60-80%
- Clean up your plugins – remove anything you haven’t used in the past month
- Choose quality hosting that matches your site’s needs
Remember, a 1-second improvement in loading speed can increase conversions by 7%. For most businesses, that improvement pays for itself many times over.
The best WordPress site is one that loads quickly, converts visitors, and doesn’t require constant maintenance. Focus on the fundamentals first – fancy optimisations can wait until you’ve mastered the basics.
Feeling overwhelmed? At Webhive Digital, we’ve been optimising our clients’ websites to improve their load times as part of our comprehensive SEO strategy. Our WordPress optimisation service handles all the technical improvements while you focus on growing your business. Contact us for a website review and performance audit, and see how much faster your site could be.
