Performance and UX

CLS

Also known as: Cumulative Layout Shift

A measure of unexpected movement of visible page layout elements.

A practical example

A button moves when an image loads without reserved dimensions.

What should I know?

Not every layout change following a deliberate user action is a CLS problem.

Performance and UX in practice

Assess real users' experiences on their devices. Lab tests help identify causes, while user data shows the scale of a problem. A good website also makes information easy to find and tasks easy to complete.

Related Semly features

See where this concept applies when working with Semly.

Related terms

Documentation and further reading

Definition prepared by Semly. Standards and behavior are described by their creators:

Find out if AI ChatGPTGeminiClaudeGoogle AI OverviewsGoogle AI Mode can see you

Enter your website address to get your AI visibility report.