Use Chrome Dev Tools to See Regions Impacted by Cumulative Layout Shift
https://twitter.comThis shows you how to use Chrome Dev Tools to see regions impacted by CLS (a Core Web Vital):
- CMD+Shift+N (Incognito)
- CMD+Shift+C (Inspect)
- Performance
- Rendering
- Layout Shift Regions
- CMD+Shift+E (record)
- Event Log
- Filter by ‘shift’
Favourite feature in Chrome Dev Tools right now: see regions impacted by CLS (a Core Web Vital):
CMD+Shift+N (Incognito) > CMD+Shift+C (Inspect) > Performance > Rendering > Layout Shift Regions > CMD+Shift+E (record) > Event Log > Filter by 'shift'
Pinpoint where shifts occur. pic.twitter.com/kPEQxMQklI
— Brodie Clark (@brodieseo) July 20, 2020