Use Chrome DevTools to Detect Cumulative Layout Shift

InstructorJhey Tompkins

Share this video with your friends

Send Tweet

In this lesson, we explore using Chrome's DevTools to detect unwanted visual instability on a page.

We can do this using the new "Experience" heading under recorded "Performance" metrics.

To truly see the impact of "Cumulative Layout Shift", we can make use of DevTools' "Network throttling" feature to see any visual instability with the naked eye.