Article

How to Improve Website Speed

GAP Team · Jul 16, 2026 · 8 min read

Speed fixes fall into three tiers: cheap-and-huge, moderate-effort, and rewrites. Work in that order — most sites unlock a full second of LCP in the first tier alone.

Tier 1 — cheap and huge

  • Compress and resize images. Serve WebP/AVIF at the actual displayed size.
  • Add width and height to every image so layout doesn't shift.
  • Set a CDN in front of your site (Cloudflare, Fastly, or your host's built-in option).
  • Preload the LCP image and your primary web font.

Tier 2 — moderate effort

  • Defer or lazy-load below-the-fold JS bundles.
  • Split routes so first paint doesn't ship the entire app.
  • Cache HTML at the edge for anonymous visitors.
  • Move third-party tags to async and audit each one.

Tier 3 — rewrites

SSR or SSG for pages that still can't hit good LCP. Replace heavy client-side frameworks on marketing pages with static HTML.

Measure with the right tool

Use field data (CrUX / Search Console) for scoring and lab data (Lighthouse) for debugging. See Google Lighthouse Explained.

Frequently asked questions