"Everything You Need to Know About Google’s Core Web Vitals"

After a core update was rolled out throughout May, Google announced at the end of the month that there was also a new ranking initiative being introduced in 2021.

Luckily, Google has begun advising developers what they can do to ensure their websites are compliant. This preparation period suggests it’s quite a significant update, so here’s everything you need to know to get organised.

Page Experience Ranking Factors

What is Page Experience?

Page Experience is a measurement of the perceived “enjoyment” a user should feel whilst using a website. To measure Page Experience, you must assess the security, safety, responsiveness and intrusiveness.

Additionally, there are other measurements that focus on page speed; these are loading time, interactivity and visual stability. Every website in Google’s index will receive a score which will become a ranking factor from early 2021.

How to Measure Core Web Vitals

Looking further into the Core Web Vitals page speed measurements, Page Experience is split into 3 main metrics:

  1. Largest Contentful Paint (LCP)
  2. First Input Delay (FID)
  3. Cumulative Layout Shift (CLS)

Largest Contentful Paint (LCP)

LCP refers to how long it takes for the largest content element on a website to load. Compressed images and embedded external videos are examples of content that would achieve a good score of 2.5 seconds or less.

Large image files from DSLR cameras, unoptimized animations and embedded internal videos are examples of content that would achieve a score in between 2.5 – 4 seconds or over. This indicates that it needs to be improved upon.

First Input Delay (FID)

FID refers to how long it takes a browser to react to a user’s first reaction when they click a link. Good scores include websites that react in less than 100 milliseconds and websites that need improvement react between 100-300 milliseconds. Websites that take longer than 300 milliseconds to react get a poor score.

Cumulative Layout Shift (CLS)

CLS refers to the percentage of any webpage that is affected by movement, for example, if the page moves around without warning. This could be auto-sliding, animations and buttons moving, particularly on eCommerce sites; this does not include hover states.

Webpages that have less than 0.1% movement achieve a good score and ones that need improvement will score between 0.1 – 0.25% movement. Webpages that have over 0.25% movement will score poorly.

Credit: Google Webmaster Blog.

Can You Check Core Web Vitals Yourself?

It is all well and good learning how Google’s Core Web Vitals are measured, but how are you meant to improve them if you can’t check them yourself?

Fortunately, there is a Chrome Extension available that automatically and measures sites when loaded and immediately displays results. Also, specifically for web developers, you can use JavaScript to measure these vitals and push results through to Google Analytics.

What Do Core Web Vitals Mean for Website Design & Development?

It seems that with Google cracking down even harder on page speeds, animations, movement functionalities and large video files may be out of the question when designing a website. When designing and building, you may need to consider aspects like hover states and mouse movements for user selection.


Along with this information from Google, plus our professional team at Logic Design, we can help make sure your page experience gets your website ranking high.

Alternatively, you can call us on 01284 706842 or email us at hello@logicdesign.co.uk. Interested to find out more about Logic Design? Visit our homepage or see our services.


It All Starts With a Conversation

Request a quote or pricing, ask a question, book a meeting or for a quick chat...