883: Web Vitals Explained

Syntax - Tasty Web Development Treats

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