Understanding speed of your site using 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.

1. Understanding
Speed of Your Site with
Core Web Vitals
Sergey Chernyshev
@[email protected]
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/lcp

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
@[email protected]
sergeychernyshev.com
Join: NY UX Speed &
Web Performance Meetup