A slow site gives back the half second it just won.
Speed is not a technical detail for the end of a project. It’s part of the first impression — and the easiest part to lose.
The first thing many visitors see is not your design. It’s the wait for it. A white screen, a spinner, a layout that jumps as the images arrive: each is judged in the same half second as everything else, and none of them looks like a business that has its act together.
Seconds are expensive
Google’s own benchmark research found that as a mobile page’s load time goes from one second to three, the probability that a visitor bounces — leaves after that single page — rises by 32%. Three seconds doesn’t sound slow. To a visitor it is.
Three numbers worth designing for
Google measures sites against three thresholds, taken from real visits rather than lab tests. A page passes when at least three visits out of four meet each of them:
- Largest Contentful Paint, within 2.5 seconds. The main thing on the screen — the photograph, the headline — is there.
- Interaction to Next Paint, within 200 milliseconds. When someone taps or clicks, the page answers.
- Cumulative Layout Shift, no more than 0.1. Nothing moves while it’s being read or reached for.
Older, and simpler: the usability researcher Jakob Nielsen’s three limits. A tenth of a second feels instant. A second keeps a train of thought unbroken. Ten seconds is about as long as attention lasts. Design for the first, accept the second, never go near the third.
Where beautiful sites lose their speed
Rarely in one place. Usually in the accumulation: a hero video encoded for a cinema screen, four weights of three typefaces, images uploaded at the size the camera made them, scripts that must finish before anything can be drawn, animations that make the browser recalculate the whole page on every frame. Each costs a little. Together, they cost the half second.
Beauty that stalls defeats itself.
How we keep it fast
- Images and video are made for the screen they’re shown on — sized, compressed, and loaded when they’re about to be needed, not before.
- Typefaces are hosted with the site, compressed, and split by alphabet so a page only downloads what it uses.
- Motion sticks to what the browser can move cheaply — mostly position, scale and opacity — and stops when it’s off the screen.
- Space is kept for everything before it arrives, so nothing jumps.
- Speed is checked before launch — and, for the clients who want us to stay, kept after it.
A site that wins its half second and then makes the visitor wait has given it straight back.
