Lighthouse debugging for Cumulative Layout Shift (CLS)

Profiling via Lighthouse

1. Profiling

Open the Lighthouse tab and click the Analyze page load

Lighthouse debugging for Cumulative Layout Shift (CLS)

And it will start profiling your page.

Lighthouse debugging for Cumulative Layout Shift (CLS)

2. Report

  1. There is a Cumulative Layout Shift score (0.962) shown on the top.
  2. Click the CLS tab and you will see all the elements that cause CLS.

Lighthouse debugging for Cumulative Layout Shift (CLS)

Reference