Diagnose CLS issues by pausing page loading in Chrome

Learn how you can pause execution in Chrome and how this technique can be used to debug poor Cumulative Layout Shift scores. 00:00 Introduction 00:09 First layout shift example (JavaScript) 00:55 Pausing in Chrome DevTools before the layout shift happens 03:55 Confirming the fix with DebugBear experiments 04:34 Second layout shift example (web fonts) 05:13 Debugging the layout shift in DevTools 08:45 Finding a fix 09:48 Checking the fix works 10:45 Summary Learn more about how to avoid large layout shifts: https://www.debugbear.com/blog/avoid-large-layout-shifts