Understanding speed of your site using Core Web Vitals

SergeyChernyshev 14 views 15 slides Sep 29, 2024
Slide 1
Slide 1 of 15
Slide 1
1
Slide 2
2
Slide 3
3
Slide 4
4
Slide 5
5
Slide 6
6
Slide 7
7
Slide 8
8
Slide 9
9
Slide 10
10
Slide 11
11
Slide 12
12
Slide 13
13
Slide 14
14
Slide 15
15

About This Presentation

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.


Slide Content

Understanding
Speed of Your Site with
Core Web Vitals
Sergey Chernyshev
@[email protected]
sergeychernyshev.com
September 26, 2024
WordPress Montclair Meetup

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

in 2020
Google Introduced
Core Web Vitals

Core Web Vitals
https://web.dev/articles/vitals

Core Web Vitals | Largest Contentful Paint
https://web.dev/articles/lcp

Core Web Vitals | Cumulative Layout Shift
https://web.dev/articles/cls

Core Web Vitals | Interaction to Next Paint
https://web.dev/articles/lcp

Core Web Vitals | PageSpeed Insights
https://pagespeed.web.dev/

Core Web Vitals | PageSpeed Insights
https://pagespeed.web.dev/

Core Web Vitals | Chrome DevTools - Performance Panel
Chrome User Experience Report (CrUX) Dashboard

Core Web Vitals | Google Search Console
Google Search Console: Core Web Vitals

Core Web Vitals | Google Search Console - Recommendations
Google Search Console: Core Web Vitals

Core Web Vitals | CrUX Dashboard
Chrome User Experience Report (CrUX) Dashboard

Thank You!
Sergey Chernyshev
@[email protected]
sergeychernyshev.com
Join: NY UX Speed &
Web Performance Meetup