Start / Syntax – Tasty Web Development Treats / 883 web vitals explained

883: Web Vitals Explained

23 min • 10 mars 2025

What are Web Vitals, and why should you care? Scott and Wes break down metrics like LCP, FCP, CLS, and INP, explaining what they measure, how they impact your site’s performance, and how to track them yourself.

Show Notes

00:00 Welcome to Syntax!
03:26 What each web vital means.
- Web Vitals Playground.
- 03:38 LCP - Largest Contentful Paint.
- 05:04 FCP - First Contentful Paint.
- 06:07 CLS - Cumulative Layout Shift.
- 10:58 INP - Interaction to Next Paint.
  - 13:43 Measuring the impact.
- 14:22 TTFB - Time to First Byte
15:27 How to track this on your own.
17:42 Checking the performance of Syntax.fm.
21:07 Brought to you by Sentry.io.
- Sentry Web Vitals.
21:49 Checking the performance of Wes’ site.