# Philip Walton - Web Vitals (Highlights) ![rw-book-cover|256](https://web.dev/static/articles/vitals/image/thumbnail.png) ## Metadata **Review**:: [readwise.io](https://readwise.io/bookreview/61812044) **Source**:: #from/readwise #from/reader **Zettel**:: #zettel/fleeting **Status**:: #x **Authors**:: [[Philip Walton]] **Full Title**:: Web Vitals **Category**:: #articles #readwise/articles **Category Icon**:: 📰 **Document Tags**:: #work **URL**:: [web.dev](https://web.dev/articles/vitals) **Host**:: [[web.dev]] **Highlighted**:: [[2026-07-03]] **Created**:: [[2026-07-04]] ## Highlights - The current set focuses on three aspects of the user experience—*loading*, *interactivity*, and *visual stability* ([View Highlight](https://read.readwise.io/read/01kwjmhaxf6sygzxfwm50zv8dg)) ^1030952374 - ![](https://web.dev/static/articles/vitals/image/largest-contentful-paint-ea2e6ec5569b6.svg) ([View Highlight](https://read.readwise.io/read/01kwjmhena51b6t42j8170er96)) ^1030952376 - ![](https://web.dev/static/articles/vitals/image/inp-thresholds.svg) ([View Highlight](https://read.readwise.io/read/01kwjmhtq8re5998j2hmpckg4g)) ^1030952385 - ![](https://web.dev/static/articles/vitals/image/cumulative-layout-shift-t-5d49b9b883de4.svg) ([View Highlight](https://read.readwise.io/read/01kwjmhzskgg2gsfa48hqk6z3a)) ^1030952386 - **[Largest Contentful Paint (LCP)](https://web.dev/articles/lcp)**: measures *loading* performance. To provide a good user experience, LCP should occur within **2.5 seconds** of when the page first starts loading. ([View Highlight](https://read.readwise.io/read/01kwjmjh9f5s5b7c9vp97nq5c6)) ^1030952402 - **[Interaction to Next Paint (INP)](https://web.dev/articles/inp)**: measures *interactivity*. To provide a good user experience, pages should have a INP of **200 milliseconds** or less. ([View Highlight](https://read.readwise.io/read/01kwjmjetg0w8mqqsgsxzt23a4)) ^1030952401 - **[Cumulative Layout Shift (CLS)](https://web.dev/articles/cls)**: measures *visual stability*. To provide a good user experience, pages should maintain a CLS of **0.1.** or less. ([View Highlight](https://read.readwise.io/read/01kwjmjcr6ye62dt8ef3a173rp)) ^1030952400 - To ensure you're hitting the recommended target for these metrics for most of your users, a good threshold to measure is the **75th percentile** of page loads, segmented across mobile and desktop devices. ([View Highlight](https://read.readwise.io/read/01kwjmjzby0re8szwvcbdqndz5)) ^1030952417