Google about Core Web Vitals on Duda webinar https://resources.duda.co/webinars

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