CLS

CLS (Cumulative Layout Shift) у SEO — це показник візуальної стабільності сторінки, який описує, наскільки сильно елементи «стрибають» під час завантаження. У перекладі назва означає «накопичене зміщення макета», і саме цей сигнал допомагає оцінити, чи не заважає сайт користувачеві читати, натискати кнопки або взаємодіяти зі сторінкою. Для пошукової оптимізації CLS важливий як одна з метрик Core Web Vitals.

Що саме вимірює CLS

Показник фіксує не швидкість у чистому вигляді, а стабільність інтерфейсу. Якщо після появи зображення, банера, шрифту чи рекламного блоку текст і кнопки зміщуються, це створює незручність і підвищує CLS. Чим менше таких зсувів, тим передбачуванішою виглядає сторінка для відвідувача.

Як виникають небажані зсуви

• зображення й відео без заданих розмірів;
• вставки з рекламою або віджетами, які підвантажуються пізніше;
• шрифти, що замінюють тимчасовий текст і змінюють його габарити;
• динамічні блоки, які з’являються над уже прочитаним контентом;
• елементи інтерфейсу без зарезервованого місця.

Найчастіше проблема не в одному великому зміщенні, а в низці дрібних рухів, що накопичуються під час відкриття сторінки.

Що допомагає зменшити CLS

Практика зводиться до того, щоб заздалегідь резервувати простір для всього, що може завантажитися пізніше. Для медіафайлів задають розміри або співвідношення сторін, рекламні місця проєктують із фіксованою висотою, а для шрифтів підбирають безпечну заміну, щоб текст не змінював блоки верстки. Корисно також уникати вставок, які раптово зсувають основний контент угору або вниз.

Де цей показник особливо помітний

CLS найбільше впливає на сторінки з великою кількістю медіа, рекламних слотів, товарних карток, модальних вікон і складної верстки. Для новинних сайтів, інтернет-магазинів і контентних платформ стабільність макета часто важлива не менше за чисту швидкість завантаження, бо саме вона визначає зручність читання й натискання елементів.

Чим CLS відрізняється від інших метрик

На відміну від показників, що вимірюють час відгуку або появу першого контенту, CLS оцінює саме поведінку макета після рендерингу. Тобто сторінка може відкриватися швидко, але все одно бути незручною, якщо її елементи постійно зміщуються. У SEO це розглядають як сигнал якості взаємодії з сайтом, а не лише як технічну швидкодію.