Скорость и UX

CLS

Также известен как: Совокупный сдвиг макета

Мера неожиданных сдвигов видимых элементов страницы.

Пример на практике

Кнопка сдвигается при загрузке фото без заданного размера.

Что нужно знать?

Не каждый сдвиг макета после осознанного действия пользователя - проблема CLS.

Скорость и UX на практике

Оценивайте опыт реальных пользователей на их устройствах. Тесты помогают найти причины, реальные данные - масштаб проблемы. Хороший сайт облегчает поиск сведений и выполнение задач.

Связанные функции Semly

Как понятие применяется в работе с Semly.

Google Search ConsoleПодключите поисковые данные к Semly. Анализируйте запросы и страницы для следующих действий.Аналитика ИИСравнивайте видимость, позиции, тональность и долю бренда в ответах ИИ.

Связанные термины

Core Web VitalsМетрики опыта: загрузка основного контента, отклик на действия и стабильность макета.UXОбщий опыт и трудности использования продукта или услуги.Оптимизация изображенийВыбор размеров, сжатия, формата и способа загрузки изображений по назначению.

Документация и материалы

Определение подготовлено Semly. Стандарты и поведение описывают их создатели:

web.dev - Web Vitals

CLS