Connor Clark
Опубликовано: 8 октября 2025 г.
Сдвиг макета происходит, когда элементы меняют своё положение, несмотря на отсутствие взаимодействия с пользователем. Изучите причины сдвига макета, например, добавление, удаление элементов или изменение их шрифтов при загрузке страницы.
Анализ может дать наиболее точное представление о причине наблюдаемых сдвигов макета. Для более подробного анализа изучите шкалу сдвига макета на панели «Производительность» . Все сдвиги макета можно устранить, даже если причина не выявлена.
Как передать это понимание
Иметь CLS «хорошо» (0,1) или лучше.
Вот некоторые распространенные причины смещения планировки:
- Изображения без размера
- Внедренные фреймы (например, из рекламы)
- Неоптимизированные анимации
- Веб-шрифты — либо мерцание нестилизованного текста (FOUT), либо мерцание невидимого текста (FOIT)