Understanding speed of your site with Core Web Vitals

Short lightning talk at Montclair WordPress meetup describing the importance of web performance optimization, what each of the Core Web Vitals are, how to measure them and which tools to use and to monitor your own site.

Transcript

1. Understanding Speed of Your Site with Core Web Vitals Sergey Chernyshev @SergeyChe@webperf.social sergeychernyshev.com September 26, 2024 WordPress Montclair Meetup
3. How Do We Measure Speed? Long history of metrics • DNS, SSL/TLS, Time To First Byte (TTFB) • Page Load, Document Complete, Fully Loaded • First Paint, Above The Fold time, Speed Index • First Meaningful Paint (FMP), First Contentful Paint (FCP) • …. and many more
4. in 2020 Google Introduced Core Web Vitals
5. Core Web Vitals https://web.dev/articles/vitals
6. Core Web Vitals | Largest Contentful Paint https://web.dev/articles/lcp
7. Core Web Vitals | Cumulative Layout Shift https://web.dev/articles/cls
8. Core Web Vitals | Interaction to Next Paint https://web.dev/articles/inp
9. Core Web Vitals | PageSpeed Insights https://pagespeed.web.dev/
10. Core Web Vitals | PageSpeed Insights https://pagespeed.web.dev/
11. Core Web Vitals | Chrome DevTools - Performance Panel Chrome User Experience Report (CrUX) Dashboard
12. Core Web Vitals | Google Search Console Google Search Console: Core Web Vitals
13. Core Web Vitals | Google Search Console - Recommendations Google Search Console: Core Web Vitals
14. Core Web Vitals | CrUX Dashboard Chrome User Experience Report (CrUX) Dashboard
15. Thank You! Sergey Chernyshev @SergeyChe@webperf.social sergeychernyshev.com Join: NY UX Speed & Web Performance Meetup