This document discusses the measurement of website speed through various historical metrics and introduces Google's Core Web Vitals, which include Largest Contentful Paint, Cumulative Layout Shift, and Interaction to Next Paint. It references resources such as Google Search Console and Chrome DevTools for performance analysis. The author, Sergey Chernyshev, presented this information at a WordPress meetup on September 26, 2024.

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/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
@SergeyChe@webperf.social
sergeychernyshev.com
Join: NY UX Speed &
Web Performance Meetup