SEO · Search Engine Optimisationbeginner3 min read

What is Page Speed?

Page speed is how quickly the content on a web page loads for a user. It's measured by multiple metrics — Time to First Byte (TTFB), First Contentful Paint (FCP), and the Core Web Vitals (LCP, INP, CLS). Google has used page speed as a ranking signal since 2010 and formalised it with the 2021 Page Experience update. Beyond rankings, faster pages directly improve conversion rates and reduce bounce rates.

53%
of mobile users abandon a page that takes longer than 3 seconds to load
Source: Google, 2018
Fact-checked against 3 sourcesLast updated 8 June 2026
Key Takeaways
  • PageSpeed Insights (free, from Google) gives you a score and specific fix recommendations — start there.
  • The biggest page speed wins are almost always image optimisation: compress, resize, and use modern formats (WebP/AVIF).
  • Third-party scripts (analytics, chat widgets, ad scripts) are often the hidden cause of slow page loads.
  • Server response time (Time to First Byte) is the foundation — no front-end optimisation compensates for a slow server.
  • Next.js handles many page speed best practices automatically: code splitting, lazy loading, and image optimisation via next/image.

What Affects Page Speed

Images: unoptimised images are the most common cause of slow pages. Large, uncompressed images can add several seconds to load time. Fix: compress images, use next/image or similar for automatic resizing and lazy loading, and serve modern formats.

JavaScript: excessive JS bundle size delays page interactivity. Fix: code-split, lazy-load non-critical scripts, and audit third-party scripts.

Server response time: if the server takes more than 200ms to respond, everything else is delayed. Fix: upgrade hosting, use a CDN, implement server-side caching.

Render-blocking resources: CSS and JS that blocks the browser from rendering content. Fix: defer non-critical JS, inline critical CSS.

Page Speed Tools

PageSpeed Insights (pagespeed.web.dev): Google's free tool combining Lighthouse (lab data) and Core Web Vitals field data. Start here — it gives page-level fix recommendations.

Google Search Console → Core Web Vitals: shows field data across your entire site, grouped by good/needs improvement/poor URLs.

WebPageTest.org: detailed waterfall analysis showing exactly which resources are slowing your page. Useful for diagnosing specific bottlenecks.

For Next.js sites: the built-in next/image component, automatic code splitting, and Edge Runtime all contribute to strong page speed scores by default.

Stay sharp

Most guides are already outdated.

One email a week. The search stuff that actually matters — what shifted, what died, and what to do about it.

Subscribe free →
53%
of mobile users abandon a page that takes longer than 3 seconds to load
1s
delay in page load time can reduce conversions by up to 7%
2.5s
LCP threshold Google defines as 'Good'
2010
year Google first introduced page speed as a ranking signal
PAGE SPEED AS A RANKING SIGNAL: A BRIEF HISTORY
2010
Speed Update (Desktop)

Google officially announces page speed as a ranking factor for desktop searches, the first time load performance directly influenced rankings.

2018
Speed Update (Mobile)

Google extends page speed as a ranking signal to mobile searches, reflecting the shift to mobile-first indexing.

2020
Core Web Vitals Announced

Google introduces LCP, FID (later replaced by INP), and CLS as standardised, user-centric metrics for measuring real-world page experience.

2021
Page Experience Update

Core Web Vitals become official ranking signals via the Page Experience update, formalising the link between user experience metrics and search rankings.

2024
INP Replaces FID

Interaction to Next Paint (INP) replaces First Input Delay (FID) as a Core Web Vital, providing a more comprehensive measure of page interactivity.

✓ DO

Compress and resize images before uploading, and serve in modern formats like WebP or AVIF

Use a CDN to serve assets from servers geographically close to your users

Defer or async-load non-critical JavaScript to unblock page rendering

Inline critical above-the-fold CSS to eliminate render-blocking stylesheets

Monitor Core Web Vitals using field data in Google Search Console regularly

✗ DON'T

Don't load full-resolution images where thumbnails or smaller sizes will do

Don't install third-party scripts (chat widgets, trackers, ads) without auditing their performance impact

Don't ignore TTFB — a slow server undermines every other optimisation you make

Don't rely solely on Lighthouse lab scores; always validate with real-user field data

Don't block rendering with large, unminified CSS or synchronous JS in the document head

PAGE SPEED METRICS EXPLAINED
Time to First Byte (TTFB)

The time from the browser making an HTTP request to receiving the first byte of data from the server. A proxy for server and network performance. Google considers under 800ms acceptable.

Largest Contentful Paint (LCP)

A Core Web Vital measuring how long it takes for the largest visible content element (image or text block) to render. Good LCP is 2.5 seconds or faster.

Interaction to Next Paint (INP)

A Core Web Vital measuring the latency of all user interactions with a page. It replaced FID in March 2024. A good INP score is 200ms or less.

Cumulative Layout Shift (CLS)

A Core Web Vital measuring visual stability — how much page elements unexpectedly shift during loading. A good CLS score is 0.1 or less.

Render-Blocking Resource

Any CSS or JavaScript file that prevents the browser from rendering page content until it has fully downloaded and parsed. Common culprits include large stylesheet imports and synchronous scripts in the document head.

COMMON PAGE SPEED ISSUES: RELATIVE PERFORMANCE IMPACT
Unoptimised ImagesMost frequent cause of slow LCP; large images alone can add 3–5s to load time
Excessive JavaScriptLarge JS bundles delay interactivity and directly hurt INP scores
Slow Server Response (TTFB)A TTFB above 800ms cascades delays across every subsequent metric
Render-Blocking CSS/JSBlocks the browser from painting any content until resources are parsed
No CDN / Poor CachingIncreases latency for geographically distant users and raises server load
Unminified AssetsAdds unnecessary bytes to CSS and JS files; impactful at scale
HOW TO DIAGNOSE AND FIX PAGE SPEED ISSUES
01
Measure with PageSpeed Insights

Run your URL through pagespeed.web.dev. Review both the Lighthouse lab score and the Core Web Vitals field data. Note which metrics are marked Poor or Needs Improvement — these are your priorities.

02
Identify the Biggest Bottleneck

Use the Opportunities and Diagnostics sections in PageSpeed Insights to find the highest-impact issues. If you need a deeper waterfall view, load the URL in WebPageTest.org to see exactly which resources are causing delays.

03
Fix Image Issues First

Images are the most common culprit. Compress files, convert to WebP or AVIF, add explicit width and height attributes to prevent layout shift, and enable lazy loading for below-the-fold images.

04
Audit and Trim JavaScript

Use Chrome DevTools Coverage tab to find unused JS. Remove or defer third-party scripts that are not business-critical. If using a framework, enable code splitting so only required code loads per page.

05
Validate Improvements with Field Data

After deploying fixes, allow 28 days for Google Search Console Core Web Vitals field data to refresh. Lab scores improve immediately; real-user data reflects the actual experience across all visitors and devices.

Free Tool

How does your site score on SEO?

Paste your URL. Get a score and a fix list across all three disciplines. No form, no email.

Run Free Audit →

Frequently Asked Questions

Yes, but it's a lightweight signal. Google confirmed page speed as a ranking factor in 2010 (desktop) and 2018 (mobile). The Page Experience update in 2021 formalised Core Web Vitals as ranking signals. In practice, page speed is more of a floor — failing it doesn't cause a ranking collapse, but it can be the tiebreaker between two otherwise equal pages.

Lighthouse runs in a controlled lab environment. Real-world performance depends on user device, network speed, browser, and third-party scripts. A perfect Lighthouse score means the page is technically optimised — but field data (from real Chrome users via CrUX) is what Google actually uses for ranking. Check Core Web Vitals in Search Console for real-world data.

Sources & Further Reading
  • 1.Google PageSpeed Insights
  • 2.Google — Page Experience documentation
  • 3.web.dev — Web Vitals