Web Vitals Playground
LCPLargest Contentful PaintCore 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 PaintCore 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 ShiftCore Web Vital
Core Web Vital
Measures the total amount of unexpected layout shifts that occur during the entire lifespan of a webpage.
FCPFirst Contentful PaintOther 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 ByteOther Vital
Other Vital
Measures the duration from when a page starts loading to when the first byte of content is received from the server.