Google has introduced the new Page Experience ranking signal that will start being used next year. This includes Mobile Friendliness, Safe Browsing, HTTPS, no intrusive Interstitials and the new Web Core Vitals. While we're familiar with most of these elements, what are the new web core vitals, how are they measured and how can we check for them using the Performance report in Chrome's Developer Tools? Watch this presentation on Youtube as part of Turn Digi: https://youtu.be/H3VVccxglBI?t=2520

1. Turn Digi
Web Core Vitals
and the Performance Report
Roxana Stingu
October 23, 2020

2. Roxana Stingu
➔In SEO since 2006
➔Proud member of Women in Tech SEO
➔Featured in “Mastering In-House SEO” – page 162
@TurnDigi

3. Page Experience

5. Largest Contentful Paint
@TurnDigi
FCP
First
element is
loaded
Largest
element is
loaded

6. Largest Contentful Paint
@TurnDigi

7. First Input Delay
@TurnDigi
Click Response

8. First Input Delay
@TurnDigi

9. Cumulative Layout Shift
@TurnDigi
Impact
Fraction
Distance
Fraction
CLS = IF * DF

10. @TurnDigi

11. Total Blocking Time
@TurnDigi
TBT

12. MAC
Command + Option + J
WINDOWS
Control + Shift + J

13. @TurnDigi
1
2

15. OVERVIEW

16. @TurnDigi
The Overview
Zoom in
and out
Select a
portion

17. OVERVIEW
MAIN
THREAD
ACTIVITY

18. @TurnDigi
MAIN THREAD ACTIVITY
Click on an
event toview
more
information
about it in
the Summary
tab

19. OVERVIEW
MAIN
THREAD
ACTIVITY
SUMMARY
TAB

20. @TurnDigi
SUMMARY TAB
Details
about the
selected
event

21. @TurnDigi
LCP timing
LCP Details
LCP
Highlight

22. @TurnDigi
CLS
Timing
CLS
Details
CLS
Highlight

23. @TurnDigi
Blocking
Time
TBT
Value

24. @TurnDigi

25. @RoxanaStingu
Thank you
Watch this presentation on YouTube