What are Google Core Web Vitals?

Core Web Vitals are a set of metrics developed by Google to help evaluate the performance and user experience of a website. They measure key aspects of site speed, interactivity, and visual stability that impact how quickly pages load and whether they feel smooth and responsive to users.

The Three Core Web Vitals Metrics

Google Core Web Vitals visually explained

Largest Contentful Paint (LCP) – Measures loading performance. LCP tracks how long it takes for the largest content element on a page to load. Pages should aim for LCP under 2.5 seconds. 

Interaction to Next Paint (INP): measures interactivity. To provide a good user experience, pages must have a INP of 200 milliseconds or less.

Cumulative Layout Shift (CLS) – Measures visual stability. CLS tracks unexpected layout shifts that occur when page content suddenly changes position. Pages should aim for a CLS score under 0.1. 

Optimizing for Core Web Vitals can help improve user experience and site performance. It may also lead to better search engine ranking results in Google. Checking Core Web Vitals regularly and addressing any underperforming pages is a best practice for website owners.

An illustration of race cars on race track to depict page speed and performance of a website

Here are tips for improving the core vitals on different platforms

Also see: How to Optimize Images for the Web

For WordPress users

  • Compress and resize images to reduce file sizes using
  • Minify CSS and JavaScript to reduce file sizes. Use a plugin like Autoptimize. Leverage browser caching
  • Configure caching and set long expiration times for static assets like images.
  • Choose a fast hosting provider
  • Defer non-critical CSS/JS – Defer loading non-essential code until after page load using a plugin.

For Squarespace users

  • Squarespace has built-in compression but you can optimize further with plugin. Prioritize visible – Squarespace above-the-fold code optimized but additional pages may need work
  • Paid add-ons like Squarespace Performance can help optimize asset delivery.
  • Use content delivery network (CDN) A CDN caches and serves assets from edge servers for faster load.

For Shopify users

  • Optimize product image sizes. Resize large images and appropriate image formats for products.
  • Leverage Shopify’s asset optimizations. Shopify automatically optimizes assets but check settings.
  • Install performance apps like FastShop and CacheCow can help optimize delivery.
  • Minify HTML, CSS, JS. Use a minification app to payload sizes for faster response.
5/5 on Google
Tresseo is a Canadian Website services company in Ottawa, Canada.
All rights reserved © 2024 TRESSEO