quantifies the experience of your site and identifies opportunities to improve
Web Vitals
initiative by Google to provide unified guidance for quality signals that are essential to delivering a great user experience on the web.
Web Vitals
the subset if web vitals that apply to all web pages, should be measured by all site owners, and will surface across all google tools
core web vitals
three aspects of user experience the core web vitals focuses on currently
three core web vitals metrics
metric that measures loading performance
largest contentful paint
LCP should occur within ___ seconds
2.5
metric that measures interactivity
interaction to next paint
pages should have an INP of ___ milliseconds or less
200
metric that measures visual stability
cumulative layout shift
pages should maintain a CLS of ___ or less
0.1
To ensure you’re hitting the recommended target for these metrics for most of your users, a good threshold to measure is the ____ of page loads, segmented across mobile and desktop devices.
75th percentile
core web vitals tools that asses compliance consider a page passing if it meets the recommended targets at the ___ for all three of the Core Web Vitals metrics.
75th percentile
lifecycle of the metrics
are prospective Core Web Vitals that may still be undergoing significant changes depending on testing and community feedback.
experimental metrics
are future Core Web Vitals that have passed the testing and feedback stage and have a well-defined timeline to becoming stable.
pending metrics
are the current set of Core Web Vitals that Chrome considers essential for great user experiences.
stable metrics
its purpose it to:
See if the metric actually works for what it’s supposed to measure.
Understand the problem it’s trying to solve.
Fix or improve older metrics that didn’t do the job properly.
experimental phase
metric developed to address the runtime performance issues more comprehensively than First Input Delay (FID)
Interaction to next paint
intended to give flexibility in a metric’s development by identifying bugs and even exploring changes to its initial definition. It’s also the phase in which community feedback is most important.
experimental phase
an experimental metric has received sufficient feedback and proven its efficacy, it becomes a __
pending metric
Pending metrics are held in this phase for a minimum of ___ to give the ecosystem time to adapt.
six months
Community feedback remains an important aspect of this phase, as more developers begin to use the metric.
pending phase
This is when the metric can become a Core Web Vital.
when a pending metric becomes a stable metric