Що таке CLS (Cumulative Layout Shift)?

CLS (Cumulative Layout Shift) - це метрика, яка вимірює, наскільки сильно і непередбачувано зміщуються елементи сторінки під час завантаження.

---

#Як це виглядає:

• читаєш текст, і раптом усе зсувається вниз, бо підвантажилася реклама;
• хочеш натиснути кнопку, а в останній момент вона поїхала, і ти натиснув не туди.

---

#Чому це погано:

Зсуви заважають взаємодії, дратують і ведуть до помилкових дій. Особливо на мобільних.

---

#Хороші показники:

• до 0.1 - вважається нормою;
• 0.1-0.25 - потребує уваги;
• більше 0.25 - поганий користувацький досвід.

---

CLS не залежить від часу завантаження. Це питання стабільності макета, а не швидкості. Чим менше стрибків, тим краще сприйняття сайту і вища лояльність користувача.