Page Speed
Definition
Speed is measured two ways and the difference matters. Lab data comes from a simulated load in a tool such as Lighthouse: repeatable, good for debugging, and not what any of your visitors experienced. Field data comes from real Chrome users and is what Google uses for ranking, through the Core Web Vitals thresholds. The headline measures are Largest Contentful Paint for when the main content appears, Interaction to Next Paint for how quickly the page answers a tap, and Cumulative Layout Shift for things moving under the reader's thumb. A PageSpeed Insights score out of 100 is a weighted summary of lab metrics only — a page can score 68 and still pass every field threshold, or score 95 and fail them.
Why It Matters
Speed changes behaviour long before it changes rankings. Google's own field studies show abandonment rising sharply as load time passes three seconds, and the effect compounds on a mobile connection. As a ranking factor it is real but modest: it separates pages that are otherwise close, and no amount of speed rescues a page that does not answer the query. The honest framing is that speed is a tax on everything else you do — a page that ranks well and loads slowly still loses most of the visitors it earned.
How It Works
Most delay comes from bytes and blocking. The browser requests the HTML, parses it, and discovers the stylesheets and scripts it needs on the way through; a render-blocking stylesheet in the head stops painting until it arrives, and a synchronous script stops parsing altogether. Images are usually the single largest cost, so serving a correctly sized WebP instead of a camera original often saves more than every other change put together. Compression and caching handle the rest: Brotli on text assets typically saves 15 to 20 per cent over gzip, and a long Cache-Control max-age means repeat visitors download nothing at all. Serving from an edge network shortens the round trip, which shows up as a lower Time to First Byte. What counts as good — the actual thresholds and how the field data is collected — belongs on the Core Web Vitals page rather than here.
Real-World Example
A consultancy publishes a report site to 99helpers with six photographs on the front page, all straight out of a DSLR. The homepage weighs 41 MB and takes over nine seconds to show its main image on a phone. Resizing the photographs to 1600 pixels and exporting them as WebP takes the page to 1.4 MB and the main image to about 1.6 seconds. Nothing else changed — no build step, no framework, just smaller files uploaded to the same address.
Common Mistakes
- ✕Optimising for the Lighthouse score rather than the field data — the score is a lab summary, and ranking uses what real visitors actually experienced
- ✕Testing on a laptop on office wifi — the median visitor is on a mid-range phone on a patchy connection, which is what the field data reflects
- ✕Adding third-party scripts for analytics, chat and fonts and then wondering where the seconds went — each one is a connection, a download and work on the main thread
Related Terms
Core Web Vitals
Core Web Vitals are the three page-experience measurements Google publishes and uses as a ranking signal: Largest Contentful Paint, Interaction to Next Paint and Cumulative Layout Shift. Each has a published threshold, and each is judged on real visits rather than a lab test.
Largest Contentful Paint
Largest Contentful Paint, or LCP, marks the moment the biggest visible element in the viewport has finished rendering. It is the closest single number to the question a visitor actually asks: when did this page look like it had loaded?
Image Optimization
Image optimisation is the work of making the pictures on a page as small as they can be without a visible drop in quality. In practice it means resizing, choosing a format, setting a compression level and serving the right file to each device.
Mobile-First Indexing
Mobile-first indexing means Google crawls and indexes a site using a smartphone crawler, so the mobile version of a page is the version that gets stored and ranked.
Brotli Compression
Brotli is a lossless compression format for HTTP responses, published by Google in 2015 and supported by every current browser. On text it usually beats gzip by 15 to 20 percent, at the cost of more CPU time to compress.
Put a file online in seconds
Drop in a document, an image, a page or a whole static website and share the link — free, with no build step and no server to set up.
Host a file free →