Nicolas Frizzarin

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

Is your JavaScript blocking the main thread? Learn how to master the new Interaction to Next Paint metric and build a truly responsive application.

Core Web Vitals: Put your application into orbit with best practices
#1about 2 minutes

Why users are unsatisfied with web applications

Common user feedback points to slow page loads, blinking screens, and delayed interactions as key sources of frustration.

#2about 4 minutes

Understanding Core Web Vitals and measurement methods

Core Web Vitals are Google's metrics for measuring user experience, which can be tracked using field data from real users or lab data for debugging.

#3about 5 minutes

How to optimize the Largest Contentful Paint (LCP)

Improve LCP by breaking down the loading process into four phases and using techniques like preloading resources and optimizing image formats.

#4about 4 minutes

Preventing Cumulative Layout Shift (CLS) for stability

Avoid visual instability by correctly sizing images, reserving space for dynamic content like ads, and managing web font loading.

#5about 4 minutes

Improving Interaction to Next Paint (INP) responsiveness

Optimize INP by breaking up long JavaScript tasks, deferring non-critical code execution, and simplifying complex DOM structures.

Related jobs
Jobs that call for the skills explored in this talk.

Featured Partners

Related Articles

View all articles
Daniel Cranney, Chris Heilmann
Dev Digest 215: Agent Memory, JS2026, Googlebot Analysis & Canvas❤️HTML
Inside last week’s Dev Digest 215 . 🗿 Make AI talk like a caveman 🧠 A guide to context engineering for LLMs 🤖 Simon Willison on agentic engineering 🔐 Axios supply chain attack post mortem 🛡️ Designing AI agents to resist prompt injection 🎨 HTML in c...
Dev Digest 215: Agent Memory, JS2026, Googlebot Analysis & Canvas❤️HTML

From learning to earning

Jobs that call for the skills explored in this talk.