Skip to content
Light trails on busy road
Performance

9 Practical Ways to Improve Page Speed in 2026

Nine practical ways to improve page speed in 2026, from image delivery and JavaScript reduction to caching, fonts, and static-first rendering.

Written byAaron Russell
Published
Updated
Reading time3 minute read

Key findings

  • Nine practical ways to improve page speed in 2026, from image delivery and JavaScript reduction to caching, fonts, and static-first rendering.
  • Covers 1. Fix your biggest images first, 2. Use responsive images, 3. Lazy-load the things that are genuinely below the fold.
  • Key topics: Performance, PageSpeed, SEO, Cloudflare.
  • Published February 1st, 2019 and updated June 30th, 2026.
  • Connected project: Aaron Russell — personal site.

If your site feels slow, do not start with obscure tuning. Most wins still come from a handful of practical decisions: smaller images, less JavaScript, fewer third parties, better caching, and a rendering model that does not make content pages work harder than they need to.

If you want the metric definitions first, read What Does My PageSpeed Insights Score Mean in 2026?. This article is the practical follow-on.

1. Fix your biggest images first

Hero images still break more pages than almost anything else. Serve the right size, compress them properly, and use modern formats like AVIF or WebP where they actually help. A giant JPEG shrunk in CSS is still a giant JPEG.

2. Use responsive images

Do not send desktop-sized assets to a mobile viewport. Use srcset, sizes, and explicit dimensions so the browser can choose sensibly and avoid layout shifts.

3. Lazy-load the things that are genuinely below the fold

Images, embeds, and non-critical widgets should not compete with above-the-fold content. The caveat is important: do not lazy-load your LCP image or the main content you actually want users to see first.

4. Reduce JavaScript before you optimise JavaScript

The fastest script is the one you never send. Remove unnecessary client-side frameworks from content pages, cut dead packages, and question every interactive dependency. On many sites, static-first delivery does more for performance than clever bundler tricks.

5. Be ruthless about third-party scripts

Chat widgets, analytics, tag managers, A/B tools, ad scripts, and social embeds all add cost. If a third party does not clearly earn its place, remove it. If it does, defer it, lazy-load it, or isolate it so it hurts less.

6. Load fonts like you actually care about performance

Limit font families and weights, preload only what is critical, and avoid font setups that cause visible layout shift or long blank text. A nice type system is worth having. A font tax on every page is not.

7. Cache static assets aggressively

Immutable hashed assets should have long cache lifetimes. HTML can stay fresher. The point is to stop making repeat visits pay the full cost again. If you are on a CDN or platform like Cloudflare, use it properly.

8. Keep rendering simple

For blogs, docs, and marketing pages, static-first rendering is usually the right default. If the page can be HTML at build time, let it be HTML at build time. That is one reason I prefer lightweight publishing stacks over full client-heavy apps for content work.

9. Fix layout shifts and slow server starts

Reserve space for images and embeds. Keep banners from jumping into the page late. Watch TTFB if you are doing too much on the server. Even a visually simple site can feel poor if it moves around or waits too long before painting.

What I would do first

On most small sites I would check, in order:

  • hero image weight and dimensions

  • third-party scripts

  • JavaScript bundle size and hydration

  • font loading

  • cache headers

  • layout stability

Bottom line

Page speed work is rarely about nine secret tricks. It is usually about removing unnecessary work from the critical path and letting the browser do less. That is not glamorous, but it is the kind of optimisation that keeps paying off.

Related posts

Keep reading