1.
Andrey Lipattsev
Web Partnerships, Google
/andreylipattsev
@AndreyLipattsev
We need to talk about
Core Web Vitals

2.
Our topics
CWV recap
1
2
3 New stuff: desktop and metrics
CWV Technology Report for CMS
2
4 Why you should care and what you should do

3.
CWV recap
3

4.
4
UX is relative Lab and Field Field ➜ CWV

5.
Does it spark joy?
Is it responsive?
Is it happening?
contentbazaar.co/20160314/pi-way
Lorem ipsum dolor sit amet, consectetur
adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna
aliqua. Ut enim ad minim veniam, quis
nostrud exercitation ullamco
contentbazaar.co/20160314/pi-way
contentbazaar.co/20160314/pi-way
5

6.
LCP
Largest Contentful Paint
😃 😐 😢
2.5 s 4.0 s
CLS
Cumulative Layout Shift
😃 😐 😢
0.1 0.25
FID
First Input Delay
😃 😐 😢
100 ms 300 ms
(loading) (interactivity) (stability)
6

7.
7
High Quality Achievable Percentiles
24%
10%
75%

8.
8
bit.ly/web-vitals-science
bit.ly/web-vitals-methodology

9.
9
Lighthouse
PageSpeed Insights
Chrome Dev Tools
CrUX
Google Search Console
Web Vitals Chrome Extension

10.
10
pagespeed.web.dev

11.
11
goo.gle/px-timeline

12.
CWV report
12

13.
13
Source: goo.gle/cwv-cms-report

14.
New stuff
14

15.
15
Desktop
Smoothness
Responsiveness

16.
16
developers.google.com/search/blog/2021/11/bringing-page-experience-to-desktop
web.dev/smoothness
web.dev/responsiveness
groups.google.com/g/web-vitals-feedback

17.
Why you care
17

18.
18

19.
19
web.dev/tags/web-vitals

20.
Let’s keep
talking!
20
Andrey Lipattsev
Web Partnerships, Google
/andreylipattsev
@AndreyLipattsev
alipattsev+dudaCWV@google.com