# Philip Walton - Web Vitals (Highlights)

## 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
-  ([View Highlight](https://read.readwise.io/read/01kwjmhena51b6t42j8170er96)) ^1030952376
-  ([View Highlight](https://read.readwise.io/read/01kwjmhtq8re5998j2hmpckg4g)) ^1030952385
-  ([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