1 of 30

Core web vitals

What it is and why it is important for SEO

2 of 30

UX and SEO are related

To understand core web vitals and its importance, we need to understand the relationship between UX & SEO and how users engagement and patience play a big role in performance.

Let’s understand a bit of the history first…

2

3 of 30

How to uncover this information

Google made Page Speed a ranking factor in 2010 and in 2018, it made Mobile Page Speed a ranking factor��User experience

Users expect a website to perform well on mobile and desktop, and slow page speeds can increase bounce rates. A delay of just one second can reduce conversions by up to 7%.

Search engine ranking

Google's 2018 Speed Update made page speed a ranking factor for mobile search results. Google Chrome also flags slow websites to encourage faster user experiences.

3

4 of 30

This is what Google expects of Mobile indexing

5 of 30

This is what Google expects of Mobile indexing

5

6 of 30

Page Experience update and what it meant

6

7 of 30

Why did all these changes happened?

7

8 of 30

Page load delays stress users and make them go

8

9 of 30

Page speed is number 1 factor for users

9

10 of 30

The fastest the site, the more crawl activity

10

11 of 30

What do the Core Web Vitals metrics mean?

11

12 of 30

The fastest the site, the more crawl activity

12

13 of 30

How the user experiences Page Speed

13

14 of 30

First Contentful Paint (FCP)

14

15 of 30

Largest Contentful Paint (LCP)

15

16 of 30

Improving LCP

16

17 of 30

First Input Delay (FID)

17

18 of 30

Time to Interactive (TTI)

18

19 of 30

Cumulative Layout Shift (CLS)

19

20 of 30

What can you do to improve your CLS

20

21 of 30

Add dimensions and placeholders

21

22 of 30

JS is a big culprit

22

23 of 30

Optimizing images is a key opportunity

24 of 30

Youtube Slows down sites

25 of 30

How to test CVW?

25

26 of 30

Google in general lists all its tools

https://web.dev/articles/vitals-tools

26

27 of 30

Lighthouse

27

28 of 30

28

https://googlechrome.github.io/lighthouse/scorecalc/

Lighthouse Scoring Calculator

This calculator helps you understand what features of your page speed may yield better performance

29 of 30

29

https://googlechrome.github.io/lighthouse/scorecalc/

Page Speed Insights

This calculator helps you understand what features of your page speed may yield better performance

https://missiong1.org

30 of 30

Crux Report

30

https://developer.chrome.com/docs/crux/dashboard