DiscoverTech Talk: SimplifiedStop the Shift! Optimizing Your Website for Cumulative Layout Shift.
Stop the Shift! Optimizing Your Website for Cumulative Layout Shift.

Stop the Shift! Optimizing Your Website for Cumulative Layout Shift.

Update: 2024-10-23
Share

Description

Cumulative Layout Shift (CLS) is a Core Web Vital metric that measures the visual stability of a webpage. A layout shift happens when visible elements change their position unexpectedly. Too much layout shift is disruptive to users and negatively impacts the user experience. Google recommends aiming for a CLS score of 0.1 or less.


This podcast episode will cover what CLS is, why it is important, and how to improve your CLS score. You will learn about the common causes of layout shift, such as images without dimensions, ads, embeds, and web fonts, and how to fix them.

Comments 
00:00
00:00
x

0.5x

0.8x

1.0x

1.25x

1.5x

2.0x

3.0x

Sleep Timer

Off

End of Episode

5 Minutes

10 Minutes

15 Minutes

30 Minutes

45 Minutes

60 Minutes

120 Minutes

Stop the Shift! Optimizing Your Website for Cumulative Layout Shift.

Stop the Shift! Optimizing Your Website for Cumulative Layout Shift.

Tech talk: simplified