Инструменты анализа мобильной версии

Набор по задачам

Порядок использования

1. Search Console → Core Web Vitals, вкладка «Мобильные». Находим группу URL с наибольшим числом проблемных адресов.
2. Берём типовой URL из группы и прогоняем через PageSpeed Insights: сверху полевые данные, снизу причины.
3. Search Console → Проверка URL для того же адреса: видит ли робот содержание целиком.
4. DevTools, если проваливается INP: ищем длинные задачи в основном потоке.
5. Правим в шаблоне, а не на одной странице.
6. Через 28 дней проверяем полевые данные снова.

Chrome DevTools: что действительно полезно

• Device Toolbar — эмуляция ширины экрана и тач-ввода. Не заменяет реальный телефон, но ловит грубые проблемы вёрстки.
• Network → троттлинг — «Slow 4G» показывает сайт глазами пользователя в дороге.
• Performance — запись загрузки и взаимодействий, поиск длинных задач.
• Coverage — сколько CSS и JS загружено, но не использовано на странице.
• Lighthouse — быстрый лабораторный отчёт прямо в браузере.
• Отладка на устройстве — подключение реального телефона по USB: единственный способ увидеть настоящую производительность.

Собственный сбор метрик

Полевые данные в Search Console приходят с задержкой около 28 дней. Если нужно видеть эффект правок раньше, собирайте метрики сами:

<script type="module">
import {onLCP, onINP, onCLS} from 'https://unpkg.com/web-vitals@4?module';
const send = m => navigator.sendBeacon('/collect', JSON.stringify({
  name: m.name, value: m.value, path: location.pathname
}));
onLCP(send); onINP(send); onCLS(send);
</script>

Дальше данные складываются в вашу аналитику, и 75-й перцентиль по типам страниц виден на следующий день.

Чего больше нет

Итог

Достаточно бесплатного набора: Search Console для фактов и полевых данных, PageSpeed Insights и DevTools для причин, реальный телефон для проверки впечатления. Платные сервисы решают другие задачи и для диагностики мобильной версии не нужны. Практический порядок аудита разобран в уроке об анализе текущего положения.