Cumulative layout shift

Cumulative Layout Shift

Cumulative Layout Shift вимірює сумарну непередбачувану зміну розташування елементів на сторінці під час її завантаження й використання. Якщо текст, кнопка або картинка раптово переміщається, поки ви читаєте чи клікаєте, це створює негативний досвід — і саме це фіксує цей показник. Він не оцінює швидкість завантаження, а стабільність візуального оформлення сторінки. Чому це важливо: великі зміни макета можуть призвести до помилкових кліків, роздратування користувачів і зниження довіри до сайту. Основні причини зміщень — відсутні розміри для зображень та відео, динамічний вміст, вставка рекламних блоків або відкладене завантаження шрифтів. Щоб зменшити цей показник, варто вказувати атрибути ширини і висоти для медіа, резервувати місце для рекламних елементів і використовувати CSS для плавних анімацій, які не змінюють розміри контейнерів. Також допомагає передзавантаження ключових ресурсів і обережне додавання елементів, які змінюють структуру сторінки. Контроль за непередбачуваними зміщеннями робить сайт передбачуваним і комфортним для відвідувачів.