Адаптация сайта под мобильные устройства: скорость, удобство, Core Web Vitals

Откройте свой сайт с телефона. Не с рабочего компьютера, а со смартфона, в лифте, на мобильном интернете. Посчитайте секунды до появления контента. Заполните форму заявки большим пальцем. Попробуйте попасть в кнопку, которая стоит вплотную к соседней.

Именно так ваш сайт видит большинство посетителей. Мобильных давно больше, чем людей за компьютером, а в рекламных кампаниях доля телефонов ещё выше. Сайт проектировали с десктопа? Значит, вы платите за клики людей, которым неудобно у вас покупать.

Когда адаптация не поможет

Скажем сразу, до всякой сметы. Адаптация имеет смысл, когда у сайта живая основа: поддерживаемая CMS, вменяемая вёрстка, возможность что-то менять без переписывания всего.

Сайт собрали десять лет назад на движке, который больше не обновляется? Косметика не спасёт. Мобильная версия сайта будет чиниться в одном месте и отваливаться в другом, а счёт за это вырастет до цены новой разработки.

Развилка простая. Основа живая, чиним по списку, это наша услуга. Основа мёртвая, честно отправляем вас в разработку нового сайта или в миграцию на актуальную версию CMS. Мы говорим это после диагностики, а не после трёх оплаченных этапов работ.

Что теперь считает поиск

Google индексирует сайты по принципу mobile-first: оценивается мобильная версия, а не десктопная. Core Web Vitals при этом учитываются в ранжировании.

Пороги 2026 года такие. LCP, то есть загрузка основного контента, до 2,5 секунды. INP, отклик интерфейса на нажатие, до 200 миллисекунд. Эта метрика заменила старую FID. CLS, стабильность вёрстки, до 0,1: кнопки не должны прыгать под пальцем.

Считается не лабораторный замер, а опыт живых людей. В зелёной зоне показатели должны быть хотя бы у 75% посетителей. Телефонам это даётся тяжелее десктопов: процессоры слабее, сеть нестабильнее.

Как мы работаем

Сначала диагностика. Берём реальные данные CrUX и Яндекс Метрики, профилируем загрузку, смотрим, где мобильные посетители бросают сайт.

На выходе не абстрактный балл из PageSpeed, а список проблем, отсортированный по влиянию на заявки: что чинить обязательно, что желательно, что можно не трогать.

Дальше работаем по этому списку, блоками. Каждый блок заканчивается замером, чтобы вы видели, за что заплатили.

Что вы получаете по итогам аудита

• Текущие LCP, INP и CLS по полевым данным, отдельно для телефонов и компьютеров.
• Список находок, отсортированный по влиянию на заявки. У каждой находки причина, оценка работы и ожидаемый эффект.
• Разбор пути мобильного посетителя: где он спотыкается в меню, каталоге и форме.
• План работ, разбитый на блоки, с бюджетом и сроком по каждому.
• Список того, что мы трогать не советуем, и почему.

С какими платформами работаем

Битрикс, WordPress, Drupal, OpenCart, Tilda, самописные движки с нормальным доступом к шаблонам. Отдельная история с конструкторами, где вёрстку не отдают наружу: там мы ограничены настройками платформы и говорим об этом до старта.

Что входит в работу

• Аудит мобильного опыта: скорость по Core Web Vitals на реальных данных, удобство, конверсионные точки.
• Разгоняем загрузку: картинки в WebP и AVIF, ленивая загрузка, скрипты сокращаем и откладываем, настраиваем кэш.
• Чиним INP: разгружаем тяжёлые скрипты. Чаты, виджеты, лишние счётчики, из-за которых интерфейс не отвечает на нажатия.
• Убираем прыжки вёрстки (CLS): резервируем место под баннеры, изображения и рекламу.
• Мобильная навигация и формы: крупные зоны нажатия, правильная клавиатура под каждое поле, минимум обязательных полей, автоподстановка адресов.
• Проверяем на живых устройствах, эмулятором не ограничиваемся.
• Делаем контрольный замер до и после по тем же метрикам.
• Ставим мониторинг метрик и оповещения, если показатели уезжают в красную зону.

Сколько это стоит и сколько занимает

Экспресс-диагностика по адресу сайта бесплатная: смотрим полевые данные и называем два-три главных тормоза. Дальше начинаются деньги.

• Полный аудит мобильной версии. От 35 тысяч рублей, пять-семь рабочих дней. На выходе отчёт по списку выше. Если берёте у нас работы, аудит идёт в зачёт сметы.
• Разгон по списку, типовой сайт. От 120 тысяч рублей, две-три недели. Картинки, скрипты, кэш, формы, навигация. Обычно этого хватает, чтобы выйти в зелёную зону.
• Тяжёлый случай: магазин с каталогом и фильтрами. От 350 тысяч рублей, полтора-два месяца. Тут добавляется настройка сервера, пагинация и переделка карточки товара.
• Мониторинг и поддержка. От 8 тысяч рублей в месяц. Следим за метриками, разбираем просадки, предупреждаем до того, как поиск заметит.

Первый месяц мониторинга после работ входит в стоимость. Хостинг и CDN, если они понадобятся, вы оплачиваете напрямую провайдеру.

Что нужно от вас

• Доступы. К админке, хостингу или репозиторию, к Яндекс Метрике и Search Console. Полдня работы вашего администратора.
• Тестовая копия сайта. Если её нет, разворачиваем сами, это плюс два-три дня к сроку.
• Человек, который выкатывает правки на боевой сайт. Либо доступ, либо ваш разработчик с окном на релиз. Этот пункт чаще всего и сдвигает сроки.
• Решение по виджетам. Понадобится ваше слово, какие чаты, попапы и счётчики можно выключить. Обсуждается на одной встрече.

Что вы получите

Сайт, который проходит Core Web Vitals и не раздражает человека с телефоном.

На практике это меньше отказов на мобильных, выше конверсия форм, лучше позиции в поиске. Та же реклама начинает приносить больше заявок, а бюджет не растёт.

Плюс записанный список изменений и памятка, как не сломать результат следующими доработками.

О чём предупреждаем заранее

Погоня за сотней баллов в PageSpeed заканчивается ловушкой. Лабораторный балл не равен опыту пользователей, а последние проценты стоят непропорционально дорого. Мы смотрим на полевые данные и пороги CWV, а не на красивую цифру.

Ускорение за счёт функций бьёт по выручке. Сайт легко разогнать, выкинув чат и коллтрекинг. Вместе с ними уйдут и заявки. Баланс важнее рекорда.

Результат нужно закреплять. Один виджет, поставленный маркетологом, способен вернуть INP в красную зону. Поэтому мониторинг мы ставим сразу, а не когда позиции просядут.

Поиск реагирует не мгновенно. Полевые данные копятся 28 дней, значит, зелёная зона в отчётах появится примерно через месяц после правок. Конверсию вы увидите раньше.

Опишите задачу в форме ниже: пришлите адрес сайта и расскажите, откуда идёт трафик. Проведём экспресс-диагностику мобильной версии и вернёмся с конкретикой. Что болит, во что это обходится в заявках и с чего начинать.