Skip to content
883: Web Vitals Explained episode artwork

Mar 10, 2025 22 min

883: Web Vitals Explained

from Syntax - Tasty Web Development Treats Hosted by Wes Bos & Scott Tolinski - Full Stack JavaScript Web Developers

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

Episode details come from the podcast's RSS feed.

Embed this episode

Ready to play

883: Web Vitals Explained

0:00 22:32

No transcript yet.

Requests help us decide what to transcribe next.

Share this episode

Frequently asked questions

How long is this episode of Syntax - Tasty Web Development Treats?

This episode is 22 minutes long.

When was this Syntax - Tasty Web Development Treats episode published?

This episode was published on March 10, 2025.

Can I download this Syntax - Tasty Web Development Treats episode?

Yes. Use the download control on the episode player to save the publisher-provided media file.