A fast website ranks better, converts more visitors, and feels more professional. Themezinho themes are built with performance in mind, but achieving a 90+ PageSpeed score requires some additional configuration. This guide covers every major factor.
Understanding the PageSpeed metrics
Google PageSpeed Insights measures four Core Web Vitals:
- LCP (Largest Contentful Paint) — How fast the largest visible element loads. Target: under 2.5s.
- FID / INP (Interaction to Next Paint) — How quickly the page responds to user input. Target: under 200ms.
- CLS (Cumulative Layout Shift) — How much elements move around as the page loads. Target: under 0.1.
- FCP (First Contentful Paint) — When the first content appears. Target: under 1.8s.
Step 1 — Start with good hosting
No amount of optimization can fully compensate for slow hosting. For reliable performance:
- Use a server close to your audience — pick a data centre in your region
- Use LiteSpeed or Nginx instead of Apache where possible
- Enable HTTP/2 or HTTP/3 — most modern hosts support this
- Use PHP 8.2+ — it’s significantly faster than PHP 7.x
Step 2 — Install a caching plugin
Caching is the single biggest performance win. Recommended options:
- WP Rocket (paid) — easiest to configure, best results
- LiteSpeed Cache (free) — excellent if your host runs LiteSpeed
- W3 Total Cache (free) — powerful but complex to configure
After installing, enable:
- Page caching
- Browser caching (set expiry to 1 year for static assets)
- GZIP or Brotli compression
- Database optimization (clean up post revisions, expired transients)
Step 3 — Optimize images
Images are typically the largest part of any page. Two changes make the biggest difference:
Convert to WebP
WebP images are 25–35% smaller than JPG/PNG at the same quality. Use Imagify, ShortPixel, or EWWW Image Optimizer to automatically convert and serve WebP.
Enable lazy loading
WordPress enables lazy loading by default for images below the fold. Make sure you’re not disabling it with a plugin. For your hero/above-the-fold images, add loading="eager" to prevent layout shifts.
Step 4 — Minify CSS and JavaScript
Minification removes whitespace and comments from CSS/JS files, reducing their size by 10–30%. Your caching plugin handles this automatically. In WP Rocket, go to File Optimization and enable:
- Minify CSS files
- Combine CSS files (test carefully — can break some plugins)
- Minify JavaScript files
- Defer loading of JS (load JS deferred)
- Remove unused CSS (use with caution — test thoroughly)
Step 5 — Eliminate render-blocking resources
Scripts and stylesheets that load in the <head> block page rendering. Check PageSpeed Insights for a list of render-blocking resources. Common fixes:
- Load non-critical scripts with
deferorasync - Move Google Fonts to local hosting using a plugin like OMGF
- Inline critical CSS (WP Rocket can do this automatically)
Step 6 — Use a CDN
A CDN (Content Delivery Network) serves your static files from servers close to each visitor. Cloudflare (free tier works great), BunnyCDN, and KeyCDN all integrate well with WordPress. Most caching plugins have built-in CDN integration.
Step 7 — Audit your plugins
Each plugin adds HTTP requests and execution time. Run a speed test with and without each plugin to identify slow ones. The most common culprits are:
- Contact form plugins that load scripts on every page
- Slider plugins with large JS libraries
- Poorly coded security plugins
- Social sharing plugins that load external scripts
Step 8 — Test and monitor
Run tests at:
- PageSpeed Insights — pagespeed.web.dev — measures real-world CWV data
- GTmetrix — gtmetrix.com — detailed waterfall analysis
- WebPageTest — webpagetest.org — tests from real browsers in different locations
