Free Session - Core Web Vitals: The Key to Faster, User-Friendly Websites | Michael Hladky

Dive into the essentials of Core Web Vitals. Discover the metrics that matter most for user experience and learn practical strategies for improve UX and rank higher on search engines.

PriceFREE!
Date : 13.5.2025 - 15:00 - 16:00 CETLevel : BeginnerDomains DevTools JavaScript TypeScript

Ready to level up your web performance game?

Don’t miss out on this chance to dive deep into Core Web Vitals and get the tools you need to make your site faster, smoother, and more user-friendly. Sign up for our free tasting session now and start turning those slow load times and clunky interactions into lightning-fast experiences your users (and Google) will love. Let’s boost your web app’s performance and have some fun while we’re at it — see you there!

Description

Core Web Vitals are the backbone of modern web performance, giving you the lowdown on how real users experience your site—everything from how fast it loads to how smooth it feels. These metrics — Largest Contentful Paint (LCP), Interaction to Next Paint (INP), and Cumulative Layout Shift (CLS) — are your go-to tools for making sure your web apps are fast, responsive, and just plain awesome for users.

In this free tasting session, we’ll break down the Core Web Vitals in a way that makes sense. You’ll see how these metrics impact both your user experience and your search engine rankings (hello, SEO boost!). Plus, we’ll dive into how to measure them like a pro with tools like Chrome DevTools, Lighthouse, and the Web Vitals API. On top of that, you’ll get practical tips and tricks to improve your scores!

This session is aimed towards all developers, no matter your experience level. By the end, you’ll have a solid grip on Core Web Vitals and know exactly what steps to take to make your website faster, more responsive, and SEO-friendly. Ship fast features from the first commit!

Takeaways

By the end of this session, you will:

  • Understand the key metrics of Core Web Vitals (LCP, INP, and CLS) and their impact on user experience.

  • Learn how to measure Core Web Vitals using tools like Chrome DevTools, Lighthouse, and Web Vitals API.

  • Gain actionable strategies to improve LCP for faster loading times.

  • Master techniques to minimize CLS and prevent layout shifts.

  • Discover ways to optimize INP for smoother, more responsive interactions.

  • Be equipped with practical optimization strategies, including lazy loading, resource prioritization, and caching, to enhance web performance.

Agenda

  • Google Chrome icon - Logo

    What are Core Web Vitals?

    • Understand the importance of LCP (Largest Contentful Paint), INP (Interaction to Next Paint), and CLS (Cumulative Layout Shift) and how they shape user experience.

  • DevTools Logo

    Measuring Web Vitals Effectively

    • Learn how to accurately measure Core Web Vitals using tools like Chrome DevTools, Lighthouse, and Web Vitals API.

  • DevTools Logo

    Improving LCP

    • Discover techniques to optimize loading times by prioritizing content and reducing server response delays.

  • DevTools Logo

    Mastering CLS

    • Understand what causes layout shifts and how to prevent them with better CSS practices and resource management.

  • DevTools Logo

    Enhancing INP

    • Boost interactivity by learning how to minimize delays in user interactions with advanced scripting techniques and event management.

  • JavaScript

    Practical Strategies for Web Vitals Optimization

    • Explore how to prioritize resources, leverage lazy loading, and apply caching strategies to make measurable improvements.

Your trainer for this workshop

Michael Hladky

Michael Hladky

CEO & Founder

Google Developer Expert
Microsoft MVP
Auth0
Trainer
Nx Champion