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 · LIVE

More from WeAreDevelopers LIVE

Fake or News - AI Music Detectors, Translating Ancient Languages & Tiny Heads in Teslas - Eddie Jaoude thumbnail
6:16
6 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
11 days ago

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

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers - Of Agents and Robots thumbnail
1:04:42
12 days ago

WeAreDevelopers - Of Agents and Robots

Chris Heilmann, Daniel Cranney, Marc Plogas

WeAreDevelopers LIVE - How DevRel Makes Tech More Human thumbnail
48:06
19 days ago

WeAreDevelopers LIVE - How DevRel Makes Tech More Human

Chris Heilmann, Daniel Cranney

Fake or News: Smart Glasses in Court, Medical Advice Watches & Mushroom Electonics - Jason Torres thumbnail
7:41
20 days ago

Fake or News: Smart Glasses in Court, Medical Advice Watches & Mushroom Electonics - Jason Torres

Chris Heilmann, Daniel Cranney

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

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

Chris Heilmann, Daniel Cranney

Upcoming sessions on this topic

Open session

World Congress 2026 North America

September 24, 2026 · 14:50–15:20

Stage 9

How to generate business value through performance optimizations

Nikolai Sidiropulo

Software Engineer at Meta

Nikolai Sidiropulo
Open session

World Congress 2026 North America

September 25, 2026 · 16:50–17:20

Stage 4

Engineering Moneyball: How We Benchmarked Google vs Meta

Jirka Bachel

Co-Founder & CEO

Jirka Bachel
Open session

World Congress 2026 North America

September 25, 2026 · 16:10–16:40

Stage 4

Speed up your CI/CD pipelines by caching build & runtime artifacts

Thijs Feryn

Technical Evangelist at Varnish Software

Thijs Feryn
Open session

World Congress 2026 North America

September 24, 2026 · 15:30–16:00

Stage 1

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

September 25, 2026 · 14:10–14:40

Stage 7

Why Your iOS App Feels Broken After an Hour: Diagnosing Long-Session Performance on Real Devices

Vasuki Uday Kiran Vudathala

Staff Performance Engineer at ServiceNow

Vasuki Uday Kiran Vudathala
Open session

World Congress 2026 North America

September 24, 2026 · 14:10–14:40

Stage 7

Designing High-Performance AI APIs: Lessons from Serving Millions of Real-Time Requests

Wayne Liu

Chief Growth Officer and Americas President of Perfect Corp.

Wayne Liu

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 • 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 • about 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.