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 · WWC 2023

2:10 min

Exploring core web vitals and user experience metrics

Eileen Fürstenau Eileen Fürstenau · WWC 2024

1:27 min

Measuring speculative rendering impacts with Core Web Vitals

Medhat Dawoud Medhat Dawoud · WWC 2025

1:48 min

Evolving core web vitals and interaction metrics

Marc Müller Marc Müller · WWC 2025

1:50 min

Learning web performance basics and core web vitals

Chris Heilmann · LIVE

2:07 min

Understanding core Lighthouse performance metrics

Laura Morinigo · WWC 2022

More from WeAreDevelopers LIVE

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz thumbnail
5:43
5 days ago

Aliens in Quarantine, Python Deprecates Loops, and AI Buys Old Books - Zbyszek Tenerowicz

Chris Heilmann, Daniel Cranney

WeAreDevelopers LIVE - Node and Package Security thumbnail
1:08:30
6 days ago

WeAreDevelopers LIVE - Node and Package Security

Chris Heilmann, Daniel Cranney, Zbyszek Tenerowicz

WeAreDevelopers LIVE - Streaming HTML thumbnail
1:10:26
13 days ago

WeAreDevelopers LIVE - Streaming HTML

Chris Heilmann, Daniel Cranney, Jad Joubran

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe thumbnail
1:02:34
20 days ago

WeAreDevelopers LIVE - CODE100 at WeAreDevelopers Europe

Chris Heilmann, Daniel Cranney, Justin Halsall, Werner Jeschko, Nicole Jeschko, Mirco Tomić

WeAreDevelopers LIVE - Web Performance in an AI World thumbnail
1:07:59
27 days ago

WeAreDevelopers LIVE - Web Performance in an AI World

Chris Heilmann, Daniel Cranney

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko thumbnail
5:55
about 2 months ago

FIFA Hack, Midjourney Does Ultrasounds, and Trampoline Traffic Lights - Nicole Jeschko and Werner Jeschko

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

Fast by Design: A Masterclass in High-Performance Web Engineering

Aaron Grogg

Senior web developer, committed to improving the user experience by improving web performance

Aaron Grogg
Open session

World Congress 2026 North America

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

KV Cache Is Not About Speed: It's About Surviving Inference Costs

David vonThenen

AI/ML Leader | Keynote Speaker | OSS Engineer & Developer Advocate | Agentic AI, Deep Learning, Production AI | Python, Go, C++

David vonThenen
Open session

World Congress 2026 North America

Small LLM in your Browser: Huge Opportunities for Web Applications

Daniel Ostrovsky

UI/UX Architect at Payoneer | AI Architect | Full Cycle Development Expert | Public Speaker | Open Source Contributor |

Daniel Ostrovsky
Open session

World Congress 2026 North America

Architecting AI in Angular: WebMCP, A2UI, and the Agent Experience

Ankita Sood

Sr. Principal Engineer @ Secureworks | Angular GDE

Ankita Sood
Open session

World Congress 2026 North America

Agentic commerce's dirty little secret, and what to do about it.

Joe Monastiero

Founder & CEO at visualAI

Joe Monastiero

Related videos

Core Web Vitals: Put your application into orbit with best practices thumbnail
19:52
WWC 2024 • almost 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 • about 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
WWC 2024 • almost 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
WWC 2025 • 12 months 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
WWC 2023 • almost 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 • 27 days 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.