58
8 мин
Человек нажал объявление. Первые две секунды — белый экран. Затем появился заголовок, но без фотографии и кнопки. Он начал читать, картинка догрузилась и сдвинула текст. Наконец нажал «Узнать цену» — кнопка замерла без обратной связи. В отчёте это может выглядеть как одна проблема производительности. Для посетителя это три повода перестать доверять странице.
Мы называем задержку по её последствию
| Эпизод | Что чувствует человек | Что проверяет команда |
|---|---|---|
| Долго пусто | Не уверен, что ссылка работает | Когда появляется основное содержание |
| Элементы прыгают | Боится нажать не туда | Что меняет положение после загрузки |
| Кнопка молчит | Нажимает повторно или уходит | Когда интерфейс отвечает на действие |
| Форма тормозит | Не понимает, приняты ли данные | Валидацию, отправку и подтверждение |
Именно эти стороны измеряют Core Web Vitals: появление основного содержимого, отзывчивость на взаимодействие и визуальную стабильность. Официальные ориентиры для хорошего результата — LCP до 2,5 секунды, INP до 200 миллисекунд и CLS до 0,1 на 75‑м процентиле реальных посещений. Но цифра становится задачей только после привязки к странице и сценарию.
Бюджет первого экрана
До разработки мы перечисляем всё, что хочет загрузиться сразу: изображение, шрифты, видео, счётчики, чат, обратный звонок, карту, отзывы. Затем каждому элементу задаём вопрос: без него человек не поймёт предложение или не сможет действовать? Если нет, элемент можно загрузить позже, упростить или убрать.
- Главный текст и кнопка не ждут видео или карусель.
- Изображение подготовлено в размере, близком к реальному показу.
- Шрифты не оставляют страницу пустой и не меняют резко строки.
- Чат и виджеты не блокируют содержание и не захватывают управление.
- Место под изображения и формы зарезервировано до их появления.
Для лендинга такой разговор проще провести на прототипе, пока первый экран не оброс эффектами. В промышленной тематике часто важнее быстро показать назначение и характеристики; примеры задач есть в разделе сайтов для промышленности.
Кейс: быстрый сайт без гонки за сотней баллов
В проекте регионального застройщика сайт нужно было выпустить за семь дней и с ограниченным бюджетом. Мы использовали готовые решения, оставили два главных акцента, дали клиенту самостоятельно обновлять фотографии стройки и оптимизировали страницу. В кейсе зафиксирован результат 85 из 100 в Google PageSpeed Insights.
Это не универсальная цель и не обещание стоимости лида. Полезнее, что страница быстро показывала конкретное предложение — кирпичный дом и военную ипотеку — а тяжёлые фотографии хода строительства не должны были задерживать первый экран.
Баллы помогают искать проблему. Клиент платит не за баллы, а за возможность без ожидания понять предложение и выполнить действие.
Что исправлять сначала
- Страницы и устройства, где задержка совпадает с потерей целевых действий.
- Первый экран: тяжёлое основное изображение, блокирующие шрифты и скрипты.
- Реакцию формы, меню, фильтра и кнопки — особенно после первого нажатия.
- Скачки, из-за которых человек промахивается или теряет прочитанное место.
- Сторонние виджеты, которыми пользуется малая доля аудитории, но которые загружаются для всех.
- Остальные улучшения с меньшим влиянием на сценарий.
Подробный перевод показателей в бизнес-задачи есть в статье о скорости и стоимости лида. Для постановки задачи достаточно приложить адрес, устройство, запись эпизода, данные реальных посещений и ожидаемое изменение.
Как проверить эффект честно
До правки сохраняем значения на одинаковом наборе страниц и отдельно отмечаем мобильные реальные данные. После выпуска повторяем измерения и ручной сценарий. Затем сравниваем сопоставимые источники трафика, обращения и ошибки форм. Не делаем вывод по одному дню и не смешиваем ускорение с новой рекламной кампанией или полной сменой предложения.
Хороший отчёт заканчивается не перечнем удалённых файлов. Он показывает: первый экран стал появляться раньше, кнопка отвечает без паузы, макет не скачет, тестовая заявка проходит, а реальные посетители реже прерывают нужный шаг. Это и есть полезное ускорение.
