Understanding speed of your site with Core Web Vitals

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

in 2020 Google Introduced Core Web Vitals

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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