Если у вас магазин, кладёт в герой фото на 3 МБ и видеофон: ряд карточек прыгает, «купить» опаздывает. Если у вас студия или услуги, так же вешает тяжёлый кадр за формой заявки (имя или телефон, ещё не визит) и поля рисуются после паузы.
Что именно проверить
Если у вас магазин, боится «простого» героя: «без кино нас не уважат». Если у вас студия или услуги, стыдится светлого поля у формы: «премиум должен быть с глубиной». Пока грузится фон, колонки ещё нет: карточки прыгают, кнопка меняет место, палец жмёт пусто.
Стыд лёгкого кадра сильнее страха, что оплаты или заявки приедет вторым. Дорогость, которую ждут 8 секунд, не доверие. Фон в сетке это подложка, которая не двигает ячейки после загрузки.
Готовая тема уже умеет статичный кадр, если выключить слайдер и видео. Адаптация шаблона (свои цвета, логотип, тексты и фото на готовых экранах) кладёт сжатый кадр в ту же ячейку. Повесить 3 МБ «для глубины» ломает ряд: после загрузки карточки прыгают, кнопка уезжает.
Индивидуальный видеофон вместо лёгкого героя рисуют неделями.
Как это выглядит на практике
Студия: 4–6 экранов, 8–15 услуг, форма рисуется сразу, те же дни. Оставить исходники «как сняли» — 2–4 дня спора и +15–40 тысяч на перекладку после жалоб, плюс пауза 6–10 секунд на телефоне. Свой киношный фон с нуля — кусок 400–900 и 8–12 недель.
Разница в том, стоит ли колонка на месте, когда палец уже здесь. Видео без постера сначала показывает пусто, потом сдвигает сетку. Параллакс то же: фон едет, ячейки пересчитываются.
Магазин теряет клик по «купить» в прыгающем ряду. Счёт за «ещё тяжелее, так богаче» (документ «заплатите»; деньги могут не прийти, а вёрстка (сборка страниц по макету)) сборка живых страниц по макету — получит исходники, которые не влезают в секунду. Бриф дизайна (одна страница) пишет вес: герой не тяжелее 250 КБ, видео на запуск выключено, у карточек один размер кадра.
- Тяжёлый фон двигает колонки после загрузки.
- Скорость это стоящая сетка, не кино.
- Магазин грузит ряд карточек, не 3 МБ героя.
- Студия грузит поля сразу, не видео за формой.
На чём считать результат
Откройте главную на телефоне в сети «как на улице», не в кабинете. Засеките, когда появляется кнопка и когда ряд перестаёт прыгать. Если кнопка позже прыжка — вес режут, уникал не рисуют.
Кто ставит «ок», смотрит этот приход сетки, не превью в Figma.
- Снимите вес героя: один кадр 150–250 КБ, без видео и без слайдера из шести.
- Приведите фото 40–80 карточек или 8–15 услуг к одному размеру ячейки, по 40–80 КБ.
- Выключите параллакс и автовидео в теме. Постер, если видео оставят на этап 2.
- Запретите правку «положим исходник, браузер сам сожмёт». Браузер прыгнет сеткой.
- Пройдите до «купить» и до поля имени на телефоне при том, кто ставит «ок»: колонки уже стоят.
Что сделать дальше
Пример магазина: «Герой 200 КБ, ряд не прыгает, 50 карточек по 60 КБ, видео нет». Пример студии: «Статичный кадр, форма сразу, 10 услуг, кинофон не ставим». Лист в бриф (короткое описание, что нужно от сайта).
Если дизайнер приносит «глубину как у кампании», верните секунду до кнопки. Остановитесь, когда ряд стоит на месте до клика и оплаты или заявки уже в кадре. Не возвращайте исходник после «ок», «на хорошем интернете пойдёт».
- Снимите вес героя: один кадр 150–250 КБ, без видео и без слайдера из шести.
- Приведите фото 40–80 карточек или 8–15 услуг к одному размеру ячейки, по 40–80 КБ.
- Выключите параллакс и автовидео в теме. Постер, если видео оставят на этап 2.
- Запретите правку «положим исходник, браузер сам сожмёт». Браузер прыгнет сеткой.
- Пройдите до «купить» и до поля имени на телефоне при том, кто ставит «ок»: колонки уже стоят.
Назад в раздел
