Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що таке CLS (Cumulative Layout Shift)?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**CLS (Cumulative Layout Shift)** - це метрика, яка вимірює, **наскільки сильно і непередбачувано зміщуються елементи сторінки** під час завантаження. **Ключове:** CLS не залежить від часу завантаження, це питання стабільності макета, а не швидкості.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**CLS (Cumulative Layout Shift)** - це метрика, яка вимірює, **наскільки сильно і непередбачувано зміщуються елементи сторінки** під час завантаження. --- ### Як це виглядає: - читаєш текст, і раптом усе зсувається вниз, бо підвантажилася реклама; - хочеш натиснути кнопку, а в останній момент вона поїхала, і ти натиснув не туди. --- ### Чому це погано: Зсуви заважають взаємодії, дратують і ведуть до помилкових дій. Особливо на мобільних. --- ### Хороші показники: - **до 0.1** - вважається нормою; - **0.1-0.25** - потребує уваги; - **більше 0.25** - поганий користувацький досвід. --- CLS не залежить від часу завантаження. Це питання **стабільності макета**, а не швидкості. Чим менше стрибків, тим краще сприйняття сайту і вища лояльність користувача.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.