diff --git a/shows/883 - Web Vitals Explained.md b/shows/883 - Web Vitals Explained.md new file mode 100644 index 00000000..12456bf0 --- /dev/null +++ b/shows/883 - Web Vitals Explained.md @@ -0,0 +1,36 @@ +--- +number: 883 +title: Web Vitals Explained +date: 1741604400000 +url: https://traffic.libsyn.com/syntax/Syntax_-_883.mp3 +youtube_url: https://www.youtube.com/watch?v=KY6Cr6t-cuA +--- + +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](#t=00:00)** Welcome to Syntax! +* **[03:26](#t=03:26)** What each web vital means. + * [Web Vitals Playground](https://webvitals.com/). + * **[03:38](#t=03:38)** LCP - Largest Contentful Paint. + * **[05:04](#t=05:04)** FCP - First Contentful Paint. + * **[06:07](#t=06:07)** CLS - Cumulative Layout Shift. + * **[10:58](#t=10:58)** INP - Interaction to Next Paint. + * **[13:43](#t=13:43)** Measuring the impact. + * **[14:22](#t=14:22)** TTFB - Time to First Byte +* **[15:27](#t=15:27)** How to track this on your own. +* **[17:42](#t=17:42)** Checking the performance of [Syntax.fm](https://syntax.fm). +* **[21:07](#t=21:07)** Brought to you by [Sentry.io](https://sentry.io/syntax). + * [Sentry Web Vitals](https://docs.sentry.io/product/insights/frontend/web-vitals/). +* **[21:49](#t=21:49)** Checking the performance of Wes' site. + +### Hit us up on Socials! + +Syntax: [X](https://twitter.com/syntaxfm) [Instagram](https://www.instagram.com/syntax_fm/) [Tiktok](https://www.tiktok.com/@syntaxfm) [LinkedIn](https://www.linkedin.com/company/96077407/admin/feed/posts/) [Threads](https://www.threads.net/@syntax_fm) + +Wes: [X](https://twitter.com/wesbos) [Instagram](https://www.instagram.com/wesbos/) [Tiktok](https://www.tiktok.com/@wesbos) [LinkedIn](https://www.linkedin.com/in/wesbos/) [Threads](https://www.threads.net/@wesbos) + +Scott: [X](https://twitter.com/stolinski) [Instagram](https://www.instagram.com/stolinski/) [Tiktok](https://www.tiktok.com/@stolinski) [LinkedIn](https://www.linkedin.com/in/stolinski/) [Threads](https://www.threads.net/@stolinski) + +Randy: [X](https://twitter.com/randyrektor) [Instagram](https://www.instagram.com/randyrektor/) [YouTube](https://www.youtube.com/@randyrektor) [Threads](https://www.threads.net/@randyrektor) \ No newline at end of file