PageSpeed: Avoid Large Layout Shifts

Pages that have DOM elements contributing most to the CLS of the page and provides a contribution score of each to help prioritise.

How to Analyse in the SEO Spider

To populate this filter the PageSpeed Insights API must be connected via ‘Config > API Access > PSI’.

View URLs with this issue in the ‘PageSpeed’ tab and filter and use the lower ‘PageSpeed Details’ tab to click on the issue on the left-hand side, and see details of the CLS contribution on the right-hand side.

Bulk export the pages and details of the large layout shifts via ‘Reports > PageSpeed > Avoid Large Layout Shifts’.

What Triggers This Issue

This issue is triggered when certain DOM elements on a page contribute significantly to the Cumulative Layout Shift (CLS) metric.

How To Fix

Avoid sudden layout shifts to improve user-experience.

Ensure images, ads, embeds and iframes have dimensions, avoid inserting new content above existing content or reserve space for them and preload key fonts.