Live demo – Treo

1 min read Original article ↗

LCP

Largest Contentful Paint (LCP)Core Web Vital marks the time when the page's main content has likely loaded. A fast LCP helps reassure the user that the page is useful.

i

INP

Interaction to Next Paint (INP)Core Web Vital measures interaction latency. It observes the latency of all interactions a user has made with the page, and reports a single value which all (or nearly all) interactions were below. A low INP means the page was consistently able to respond quickly to user interactions.

i

CLS

Cumulative Layout Shift (CLS)Core Web Vital quantifies how often users experience unexpected layout shifts. A fast CLS indicates that the page is delightful.

i