Что такое layout shift (сдвиг макета), почему он происходит и как его избежать?

Layout shift — неожиданное перемещение видимых элементов после первоначального размещения. Частые причины — ресурсы без зарезервированных размеров и поздние вставки.

Указывайте размеры или aspect-ratio изображений, резервируйте место под рекламу и асинхронные блоки. Учитывайте смену метрик шрифта и не вставляйте новый контент над читаемым текстом без действия пользователя. Проверяйте сдвиги на медленной загрузке, а не только после кеширования. Анимация через transform обычно не меняет геометрию соседних элементов.