Web Vitals Playground

LCP
Largest Contentful Paint
ChromeFirefoxSafari
Core Web Vital

Measures the time it takes for the largest text or image element to render on a webpage.

INP
Interaction to Next Paint
ChromeFirefoxSafari
Core Web Vital

Measures the time from when a user interacts with a page to when the browser renders the visual response to that interaction.

CLS
Cumulative Layout Shift
ChromeFirefoxSafari
Core Web Vital

Measures the total amount of unexpected layout shifts that occur during the entire lifespan of a webpage.

FCP
First Contentful Paint
ChromeFirefoxSafari
Other Vital

Measures the time from when a page starts loading to when any part of the page's content is first displayed.

TTFB
Time to First Byte
ChromeFirefoxSafari
Other Vital

Measures the duration from when a page starts loading to when the first byte of content is received from the server.