/ Learning Hub / Page Speed Fixes

How to Fix Every Page Speed Finding

The Page Speed Analyzer measures real and lab performance — LCP, TTFB, FCP, INP, CLS, TBT — and identifies the specific assets and code paths causing slowness. Page speed is a Google ranking signal AND a conversion lever (every 100ms of delay costs 1% conversion on average). This index covers every fix.

New here?
Start with the Page Speed Guide for the framework.

By finding type

Findings fall into these categories. Pick yours:

🖼️ Fix slow Largest Contentful Paint PLANNED
Preload the LCP element, fetchpriority="high", don't lazy-load above-the-fold images, optimise server response. Target: under 2.5s on the 75th percentile.
⏱️ Fix slow Time to First Byte PLANNED
Server-side optimisation: edge caching, geographic CDN, database query tuning, the move from origin-render to pre-rendered HTML. Target: under 600ms.
🚦 Fix render-blocking resources PLANNED
CSS in <head> blocks render. JS without async/defer blocks render. Inline critical CSS, defer the rest, async non-critical JS. The waterfall-improvement workflow.
📦 Fix heavy JavaScript bundles PLANNED
Main bundle over 200KB hurts TTI and INP. Code-split by route, tree-shake unused exports, replace heavy libraries with lighter alternatives, audit third-party scripts quarterly.
🎨 Fix heavy CSS PLANNED
Stylesheets over 100KB hurt LCP. PurgeCSS / Tailwind JIT to remove unused rules. Critical-CSS inlining. The async-load pattern for non-critical styles.
🖼️ Fix unoptimised images PLANNED
Images are 60-80% of typical page weight. AVIF/WebP formats, responsive sizes, lazy-loading below the fold, CDN delivery. The image-budget approach.
🔌 Fix third-party script bloat PLANNED
Analytics, marketing tags, chat widgets, A/B tools — each loads dependencies. Tag-management consolidation, server-side tagging, the "does this tag earn its bytes?" quarterly audit.
🧱 Fix layout shift (CLS) PLANNED
Image dimensions, font-display strategy, ad-slot reservation, late-loaded components reshaping the page. Target: CLS under 0.1.

By platform

Speed optimisation patterns by platform:

📰 Fix page speed in WordPress PLANNED
Hosting quality is the biggest lever (cheap hosts kill performance), WP-Rocket + Perfmatters config, image-plugin choice, lightweight theme migration.
🛒 Fix page speed in Shopify PLANNED
Theme weight audit, app-bloat elimination (the biggest Shopify killer), the move to Dawn or Hydrogen, JS-budget per app.
⚛️ Fix page speed in Next.js PLANNED
SSG/SSR/ISR decision per page, Image component, font subsetting via next/font, Edge runtime for global TTFB, server-component patterns.

What our Page Speed Analyzer checks

The analyzer measures every Core Web Vital plus supporting metrics, pulls CrUX field data, runs Lighthouse for lab metrics, and surfaces the specific resources causing each metric to fail. For the full reference, see the Page Speed Guide.

⚡ Measure first

Speed problems concentrate in 2-3 root causes per site. Find yours, fix once, ship faster.

Run Page Speed Analyzer →
Related Guides: Page Speed Guide  ·  Core Web Vitals Guide  ·  CLS Guide  ·  Image Optimisation Guide
💬 Got a problem?