Прыгающая вёрстка раздражает сильнее медленной загрузки. Страница уже видна, человек тянется нажать на ссылку, и в этот момент сверху дорисовывается баннер, всё содержимое сдвигается вниз, и палец попадает совсем не туда. Формально сайт быстрый, ощущение — отвратительное.
Причины стабильны и хорошо известны. Картинки без заданных размеров: браузер не знает, сколько места отвести, и резервирует ноль, а потом раздвигает всё вокруг. Реклама и виджеты, которые подгружаются в блок неизвестной высоты. Шрифт, подменяющийся после загрузки на другой с иной шириной букв. Уведомления и панели, вставляемые в начало страницы после отрисовки.
Лечится это почти всегда одним приёмом: заранее резервировать место. Указывать размеры изображений, задавать минимальную высоту контейнерам под динамическое содержимое, вставлять всплывающие панели поверх, а не в поток.
Отдельно стоит сказать про сдвиги в ответ на действие пользователя. Если содержимое смещается после нажатия на кнопку, это нормально и ожидаемо. Проблема именно в сдвигах, которых человек не просил и не мог предвидеть 🧱
Скорость Сайта
@site_speed_seo_n1k
Прыгающая вёрстка раздражает сильнее медленной загрузки. Страница уже видна, человек тянется нажать на ссылку,
Этот пост опубликован в Telegram-канале Скорость Сайта. Подписаться можно по ссылке: @site_speed_seo_n1k.