Syntax - Tasty Web Development Treats
883: Web Vitals Explained
This episode isn’t summarized yet
Create a free account and summarize it. In a few minutes you’ll have the key takeaways and a section-by-section summary.
Show notes
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.
Hit us up on Socials! Syntax: X Instagram Tiktok LinkedIn Threads
Wes: X Instagram Tiktok LinkedIn Threads
Scott: X Instagram Tiktok LinkedIn Threads
Randy: X Instagram YouTube Threads