Core Web Vitals

noun · performance metrics · element 13 of 117

Google's three page experience metrics: how fast the main content loads (LCP), how quickly the page responds (INP) and how stable it stays (CLS).

My levelAdvancedDeep production experience. I design systems with it and debug it fast.
Projects
1
Earliest project
2024
Family
Search and visibility

What is Core Web Vitals?

Core Web Vitals are Google's measures of real-world page experience. Largest Contentful Paint times how long the main content takes to appear, Interaction to Next Paint measures how quickly the page responds to input, and Cumulative Layout Shift scores how much the layout jumps while it loads.

Introduced in 2020, they come from real Chrome users and feed Google's page experience signals, so a fast lab test is not enough: the page has to be fast on the phones and connections people actually use. INP replaced First Input Delay in March 2024.

How I use Core Web Vitals

At Atlas I worked on the Core Web Vitals of a 20,000+ SKU BigCommerce store, through image handling, code splitting and schema. At TeamQ, speed was part of the standard for every client site, with WP Rocket, Autoptimize and Cloudflare, and some projects were mostly about speed.

This site is built the same way: no page builder, screenshots served as WebP, fonts cut down to what each page needs, and animation that pauses off screen.

Where I have used itCore Web Vitals by company and year, from the projects on this site and the rest of my career.
  1. Atlas Tools & Machinery1 project · 2024 to 20261 projectAtlas Tools & Machinery · 2024 to 2026