Web Vitals Playground
LCPLargest Contentful Paint

Core Web Vital



Core Web Vital
Measures the time it takes for the largest text or image element to render on a webpage.
INPInteraction to Next Paint

Core Web Vital



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.
CLSCumulative Layout Shift

Core Web Vital



Core Web Vital
Measures the total amount of unexpected layout shifts that occur during the entire lifespan of a webpage.
FCPFirst Contentful Paint

Other Vital



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

Other Vital



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