Performance is not a feature — it’s the foundation. A slow site loses visitors before they read a single word. Here’s exactly what I did to transform my WordPress site’s performance.
1. Custom Theme (No Page Builder)
Removing Elementor was the single biggest win. Page builders load dozens of CSS/JS files unconditionally. A custom theme loads only what the current page needs.
2. System Font Stack as Fallback
I use Inter from Google Fonts, but with font-display: swap and a system font fallback. The page renders immediately with system fonts while Inter loads in the background. Zero layout shift.
3. Defer Non-Critical JavaScript
All scripts load with defer or are placed at the bottom of the page. Nothing blocks rendering. The only inline JS is the mobile nav toggle — too small to matter.
4. Image Optimization Pipeline
Every uploaded image goes through the ShortPixel plugin: WebP conversion, lossy compression at 85%, and responsive srcset generation. Average image size dropped 70%.
5. Cloudflare CDN
Static assets are cached at Cloudflare’s edge, geographically close to each visitor. Time to first byte dropped from 480ms to 90ms for international visitors.
6. Object Caching with Redis
Database queries are expensive. Redis caches query results in memory so repeat visits serve data instantly. The Redis Object Cache plugin makes setup trivial.
7. Critical CSS Inlined
Above-the-fold CSS is inlined in the so the first render requires zero additional HTTP requests. The full CSS file loads asynchronously after.
Combined, these seven changes pushed Lighthouse from 54 to 97. Start with the custom theme and image optimization — they’ll give you 80% of the gains.
