Creative agency glossarySEO and Analytics

Core Web Vitals

Core Web Vitals are three measurements Google uses to judge the real-world experience of loading a web page: how fast the main content appears, how quickly the page responds to input and how much the layout moves around.

What is Core Web Vitals?

In 2020 Google took a long list of possible performance measures and chose three, named them Core Web Vitals and said they would count toward ranking. Largest Contentful Paint (LCP) measures how long until the biggest visible element, usually the hero image or headline, has rendered; the target is under 2.5 seconds. Interaction to Next Paint (INP), which replaced First Input Delay in 2024, measures how long the page takes to respond when someone taps or clicks; the target is under 200 milliseconds. Cumulative Layout Shift (CLS) measures how much the content jumps around while loading; the target is under 0.1.

They are measured from real visitors, collected by Chrome and reported in Search Console and PageSpeed Insights as field data, which is why a lab test can pass while the real-world score fails.

Why it matters

Why Core Web Vitals matter

They are a ranking signal, a modest one, applied as a tiebreaker among pages of similar relevance. More importantly they are a description of whether the site is pleasant to use on a phone with an ordinary connection. A brand site built around a full-screen film and heavy campaign imagery is exactly the kind of page that fails LCP, and a page that fails LCP is a page that a share of visitors leave before the film starts.

They also give marketing and engineering a shared language. "The site feels slow" is an argument; "LCP is 4.1 seconds on mobile and the hero image is the element" is a ticket.

In practice

How Core Web Vitals work in practice

  1. 01

    Measure in the field first. Search Console's Core Web Vitals report groups URLs by pass or fail; PageSpeed Insights shows the field numbers for a single page alongside a lab run that explains what is slow. The usual causes are the usual suspects: oversized images and fonts for LCP, heavy third-party scripts and long JavaScript tasks for INP, images and embeds without reserved dimensions, late-loading fonts and injected banners for CLS.

  2. 02

    Fix in order of impact. Serve the hero image in a modern format at the right size and preload it; defer or remove scripts that are not needed for the first screen; give every image, embed and ad slot explicit dimensions; load fonts in a way that does not swap the layout. Re-measure after each change, because the field data lags by a month and the lab is the fast feedback.

Watch out

What people get wrong about Core Web Vitals

Chasing a perfect lab score. Lighthouse's 100 is a synthetic result on a synthetic device, and Google ranks on the field data. A page can score 60 in the lab and pass in the field, or the reverse. The other mistake is expecting rankings to jump when the vitals pass: they are a tiebreaker, and the business case is bounce rate and conversion, which move far more.

Treating it as a one-time project. Every new plugin, tracking script, font and campaign embed is a chance to fail again, and sites that passed last year quietly fail this year because nobody is watching the report.

Questions

People also ask

What are the three Core Web Vitals?

Largest Contentful Paint (loading, target under 2.5 seconds), Interaction to Next Paint (responsiveness, target under 200 milliseconds) and Cumulative Layout Shift (visual stability, target under 0.1). INP replaced First Input Delay in March 2024.

How much do Core Web Vitals affect rankings?

A little. Google uses them as part of its page experience signals, mainly as a tiebreaker between pages of similar relevance. Their larger effect is on visitors: faster, stabler pages keep more of them and convert better.

How do I check my Core Web Vitals?

The Core Web Vitals report in Google Search Console shows pass and fail across the site using real visitor data. PageSpeed Insights shows the numbers for one URL with diagnostics, and the Chrome DevTools Performance panel helps find the cause.

Next to it in the glossary

  1. Co-citationCo-citation is the pattern of two websites or brands being mentioned together by a third source, which search engines read as a signal that the two are related.
  2. Commercial QueryA commercial query is a search made by someone who intends to buy and is comparing options before they do, which makes it the most valuable kind of search for a brand to appear in.
  3. Conversion TrackingConversion tracking is the measurement of the actions a brand wants people to take, such as purchases, sign-ups or inquiries, and the attribution of those actions to the campaigns, channels and creative that produced them.
  4. Cornerstone ContentCornerstone content is the small set of comprehensive, long-lived pages that define what a website is about, which the rest of the site links to and builds on.
  5. Crawl BudgetCrawl budget is the number of pages a search engine is willing and able to fetch from a website in a given period, set by how much the server can handle and how much the engine wants from the site.
  6. Crawl DelayCrawl delay is a robots.txt setting that asks search engine bots to wait a set number of seconds between requests, to stop crawling from overloading a server.

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