WeAreDevelopers Logo WeAreDevelopers
Sign in
For You LIVE
WeAreDevelopers LIVE • Dec 1, 2023

What you need to know about Core Web Vitals

Ines Akrap

Stop relying on lab-simulated Lighthouse scores that mask reality. Master Core Web Vitals to quantify loading, stability, and interactivity through actual user experiences.

Pause
Mute Enter Fullscreen
#1 about 8 min

Measuring virtual user experience with core web vitals

Correlating page loading speed, visual stability, and component interactivity directly to user satisfaction metrics.

#2 about 3 min

Visualizing page loading times and content rendering patterns

Diagnosing website rendering bottlenecks by visually mapping the first contentful paint and largest contentful paint stages.

#3 about 6 min

Analyzing web performance indicators through field and lab data

Evaluating real user monitoring telemetry to discover performance problems and utilizing localized reporting tools to implement specific repairs.

#4 about 7 min

Dissecting the largest contentful paint network waterfall chart

Breaking down the time to first byte index and resource load delays to isolate render-blocking page hurdles.

#5 about 8 min

Optimizing server response times and critical resource loading

Accelerating initial asset delivery by configuring browser caching protocols, managing fetch priorities, and minimizing heavy stylesheet payloads.

#6 about 5 min

Quantifying cumulative layout shift and dynamic visual stability

Calculating the severity of unexpected layout movement by tracking impact fractions and distances grouped across user session windows.

#7 about 6 min

Implementing code strategies to eliminate unexpected layout shifts

Preserving explicit layout space for dynamic elements and configuring the back-forward cache to guarantee strict visual geometry.

#8 about 4 min

Replacing first input delay with interaction to next paint

Accounting for total main thread blocking intervals across entire browser sessions rather than solely monitoring initial input latency.

#9 about 6 min

Unblocking the browser main thread to improve runtime interactivity

Chunking large scripts, deferring execution with facade patterns, and deliberately yielding to the main thread to immediately handle user inputs.

#10 about 2 min

Mastering strict interaction to next paint framework debugging techniques

Learning how the javascript engine schedules event queues through hands-on interaction debugging environments.

#11 about 9 min

Balancing web performance optimization with complex product pipeline constraints

Navigating complex operational realities by defining rigorous performance budgets and preventing third-party marketing configurations from degrading rendering speeds.

Matching moments

2:14 min

Understanding core Web Vitals for user experience

Ramona Schwering Ramona Schwering · World Congress 2023

2:10 min

Exploring core web vitals and user experience metrics

Eileen Fürstenau Eileen Fürstenau · World Congress 2024

1:27 min

Measuring speculative rendering impacts with Core Web Vitals

Medhat Dawoud Medhat Dawoud · World Congress 2025

1:48 min

Evolving core web vitals and interaction metrics

Marc Müller Marc Müller · World Congress 2025

2:03 min

Measuring true user experience with Core Web Vitals

Carly Richmond Carly Richmond · Europe 2026 Virtual

1:50 min

Learning web performance basics and core web vitals

Chris Heilmann Chris Heilmann · LIVE

More from WeAreDevelopers LIVE

WeAreDevelopers LIVE - Is CSS Catching Up to Flash? thumbnail
1:03:33
11 days ago

WeAreDevelopers LIVE - Is CSS Catching Up to Flash?

Chris Heilmann, Daniel Cranney, Bramus Van Damme

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along thumbnail
1:21:17
18 days ago

WeAreDevelopers LIVE - Project Chopin: Make Your Team and Agents Play Along

Chris Heilmann, Daniel Cranney, Krzysztof Cieślak

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak thumbnail
4:23
19 days ago

Fake or News - AI Toothbrushes, Carrier Pigeon Tech & Life on Mars - Krzysztof Cieślak

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Open Source Agent Toolkits thumbnail
1:00:38
25 days ago

WeAreDevelopers LIVE - Open Source Agent Toolkits

Chris Heilmann, Daniel Cranney, Eddie Jaoude

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
26 days ago

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude

Chris Heilmann, Daniel Cranney

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas thumbnail
5:46
about 1 month ago

Fake or News: AI Agents Hire Each Other, Spider-Man Ads in Cars & RAM Thieves - Marc Plogas

Chris Heilmann, Daniel Cranney, Marc Plogas

Related videos

Core Web Vitals: Put your application into orbit with best practices thumbnail
19:52
World Congress 2024 • about 2 years ago

Core Web Vitals: Put your application into orbit with best practices

Nicolas Frizzarin

Catching up on the basics you don't really need that much code thumbnail
14:44
LIVE • over 2 years ago

Catching up on the basics you don't really need that much code

Chris Heilmann

Next.js Unleashed: Optimizing Web Vitals for superior User Experience thumbnail
26:44
World Congress 2024 • about 2 years ago

Next.js Unleashed: Optimizing Web Vitals for superior User Experience

Eileen Fürstenau

Optimistic UI Updates: Enhancing User Experience and Improving Interaction to Next Paint (INP) thumbnail
20:30
World Congress 2025 • about 1 year ago

Optimistic UI Updates: Enhancing User Experience and Improving Interaction to Next Paint (INP)

Marc Müller

Measure and improve frontend performance by using test automation thumbnail
25:38
World Congress 2023 • about 3 years ago

Measure and improve frontend performance by using test automation

Ramona Schwering

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
LIVE • 2 months ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

Related articles

From learning to earning

Jobs that call for the skills explored in this talk.