Неочаквано разместване
- Преди · текстът е на място
- След · нов елемент измества текста
Как работи
Запазете пространство за изображения и динамично съдържание; проверете промени при реални взаимодействия.
Пример
Пример: Снимка без размери измества бутона, когато се зареди.
Чести грешки
Не всяко движение е нежелан layout shift.
Как да проверите в практиката?
Запишете кои елементи се местят след зареждане. Резервирайте размери за изображения, реклами и вмъквано съдържание; проверете и шрифтовете. CLS е безразмерна стойност, не време; добрият праг е ≤0,1 при оценяване на реални посещения.
Разлики и ограничения
Не всяко движение влиза в CLS: показателят има правила за неочакваните размествания и взаимодействията. Анимация с transform не е равнозначна на промяна на оформлението, която измества съседния текст.
Официални източници
Редакционна отговорност: Мартин Желязков · Основател на Z-Consult
Обновено: 5.11.2026 г.
За корекция или въпрос: office@z-consult.bg
