Creative agency glossarySEO and Analytics

Page Speed

Page speed is how quickly a web page loads and becomes usable, measured in seconds and in the metrics Google calls Core Web Vitals.

What is page speed?

Page speed is the time between someone asking for a page and the page being ready to use. That sounds like one number, but it is really several. There is the time to the first byte from the server, the time until the biggest thing on screen has painted, the time until a tap or a click gets a response, and how much the layout jumps around while it all loads. Google bundles the ones that matter most to a visitor into Core Web Vitals: Largest Contentful Paint, Interaction to Next Paint and Cumulative Layout Shift.

For a brand site that is mostly film, photography and type, page speed is a creative decision as much as a technical one. A homepage with a full-bleed reel, a dozen web fonts and a three-megabyte hero image can be beautiful on the designer's machine and unusable on a phone in a parking garage. Speed is the part of the design the visitor feels before they see anything.

Why it matters

Why page speed matters

Slow pages lose people. Every second added before the page is usable sends a slice of visitors back to the results, and the slice is biggest on mobile, where most brand traffic now arrives. Speed is also a ranking factor: Google has used it on desktop since 2010 and on mobile since 2018, and the page experience signals built on Core Web Vitals are part of how it decides between pages of similar quality.

The commercial point is simpler than the ranking one. A launch film that nobody waits for is a launch film nobody saw, and a product page that stalls at checkout is money left on the table. Speed protects everything else the brand paid for.

In practice

How page speed works in practice

  1. 01

    Measuring comes first. Lab tools such as PageSpeed Insights and Lighthouse load the page under controlled conditions and show what is heavy; field data from real visitors, collected by Chrome, shows what people actually experience. The two disagree more often than you would think, and the field data is the one Google ranks on.

  2. 02

    Fixing is mostly about weight and order. Images get served at the size they are displayed, in modern formats, and lazy loaded below the fold. Video is streamed, not embedded as a file. Fonts are subset and preloaded. Scripts that are not needed for the first paint are deferred, and the hosting gets a content delivery network so the first byte arrives from somewhere near the visitor. Then you measure again, because one new plugin can undo the lot.

Watch out

What people get wrong about page speed

Chasing a score of 100. The lab score is a diagnostic, not a target, and a brand site with real film on it will rarely hit it. What matters is passing the three Core Web Vitals thresholds on the pages that carry traffic, and staying there after each release.

The other mistake is treating speed as something the developer sorts out at the end. The heaviest decisions, the autoplay reel, the font count, the full-width carousel, were made in the design phase. Speed belongs in the brief.

Questions

People also ask

What is a good page speed?

Google's thresholds are the useful benchmark: Largest Contentful Paint within 2.5 seconds, Interaction to Next Paint under 200 milliseconds and Cumulative Layout Shift under 0.1, measured on real visitors. Hit those on mobile and you are in good shape. Anything slower than about three seconds to usable is where visitors start leaving.

Does page speed affect SEO rankings?

Yes, but as a tiebreaker rather than a headline factor. Relevance and quality decide most rankings; speed decides between pages that are otherwise close, and a very slow page can be held back regardless. The bigger effect is indirect: slow pages lose the visitors that search sent.

How do I make a video-heavy site fast?

Stream video through a player instead of embedding files, show a lightweight poster frame until the visitor presses play, and keep autoplay loops short and compressed. Serve images at display size in modern formats, and load anything below the fold only when it is needed.

Next to it in the glossary

  1. Organic TrafficOrganic traffic is the visitors a website receives from unpaid search engine results, as distinct from paid ads, social, referrals or direct visits.
  2. Orphan PageAn orphan page is a page on a website that no other page on the site links to, leaving it reachable only by direct URL or from outside.
  3. Over-optimizationOver-optimization is pushing SEO tactics past the point of usefulness, with keyword stuffing, forced links and manipulative structure that search engines now penalize.
  4. Page ViewsA page view is one load of one page by one visitor, counted every time the page is opened or reloaded.
  5. PageRankPageRank is Google's original algorithm for scoring a page's authority by the number and quality of the links pointing to it.
  6. Pages Per SessionPages per session is the average number of pages a visitor views in one visit to a website.

Every SEO and Analytics term →

In the work

Where it shows up

All our creations →

From the journal

Read around it

The journal →

Talking the talk is one thing

We make the work.

RIOT is a creative agency and production studio in New York. Strategy, brand, film, photography, design and the campaigns that carry them, made by one team. A few lines is enough to start: we read every brief the same day.

    Footage