Отслеживание скорости сайта в Google Analytics

Зачем ускорять сайт

Медленная загрузка ухудшает поведение пользователей: большинство посетителей не готовы ждать больше нескольких секунд. Долгие загрузки снижают конверсию и могут ухудшать позиции в поиске. Под «скоростью» обычно понимают время до полной отрисовки страницы, время первого контента (FCP) и интерактивность (TTI).

Важно: «скорость» — это комплексная метрика; измерения клиента (реальные пользователи) и синтетические тесты (Lighthouse, WebPageTest) дают разные взгляды.

Что делает отчёт Site Speed в Google Analytics

Отчёт Site Speed (Отчёт о скорости сайта) собирает показатель времени загрузки страниц с реальных сессий пользователей. Он показывает:

• среднее время загрузки по страницам;
• различия по географии и браузерам;
• страницы с наихудшей производительностью.

Примечание: данные собираются выборочно (sampling) и по умолчанию функционал может быть отключён для некоторых версий счётчика.

Включение трекинга скорости вручную (Universal Analytics)

Если вы используете классический код Google Analytics (ga.js / _gaq), достаточно добавить одну строку рядом с _trackPageview. Откройте файл темы, где размещён код (обычно header.php в WordPress). Вставьте строку _gaq.push([‘_trackPageLoadTime’]); сразу после _gaq.push([‘_trackPageview’]);

Пример итогового блока (сохраните файл и загрузите на сервер):

Ключевые моменты:

• Оставляйте идентификатор UA-XXXXX-X как ваш реальный UA-код.
• Этот метод относится к устаревшей версии Universal Analytics; для новых проектов рассматривайте современные подходы (см. раздел «Альтернативы»).

Добавление через плагины в WordPress

Многие плагины, которые вставляют код Google Analytics, на момент выхода этой функции могли не поддерживать автоматическое добавление строки трекинга скорости. Варианты действий:

• Подождать обновления плагина;
• Отключить плагин и добавить код вручную в “Внешний вид → Редактор“ в файл header.php;
• Использовать плагин с поддержкой кастомного кода или вставить код через хук (если тема поддерживает).

Важно: при обновлениях темы изменения в header.php могут перезаписываться — используйте дочернюю тему или фрагменты через плагины, которые сохраняют пользовательский код.

Где смотреть отчёт скорости

После включения трекинга нужно подождать несколько часов до дня, пока появятся данные в интерфейсе. В классическом интерфейсе Google Analytics путь примерно такой: «Поведение → Контент → Отчёт о скорости сайта» (Behavior → Site Speed → Overview).

Если вы не видите отчёта, проверьте:

• правильно ли вставлен код;
• не блокирует ли код рекламный/приватный софт на устройстве (AdBlock);
• не стоит ли выборочный сбор данных (sampling) или фильтры представления удаляют трафик.

Типичные проблемы и их решения

Важно

• Данные не появляются: убедитесь, что код загружается на странице и идентификатор счётчика верный. Используйте инспектор браузера или view-source.
• Нулевые или странно малые значения: возможно, выбрана серверная агрегация или бот-трафик; примените фильтр бот-трафика и проверьте выборку.
• Плагины кеширования/оптимизации могут изменять порядок скриптов — проверьте, что ga.js загружается асинхронно и после _gaq вызовов.

Когда этот способ не сработает (ограничения)

• Если у вас внедрён Google Analytics 4 (GA4), инструкция по _gaq не применима — GA4 использует gtag.js или measurement protocol с другой моделью.
• Если большая часть трафика блокируется расширениями (AdBlock), данные будут неполными.
• Для SPA (одностраничных приложений) нужны дополнительные вызовы события при виртуальной навигации.

Альтернативные подходы

• Google Tag Manager: вставьте триггер и тег для измерения времени загрузки, либо используйте кастомный HTML-тег с тем же кодом.
• Web Vitals + Lighthouse: для современных метрик (CLS, LCP, FID) используйте библиотеку web-vitals.js и отправляйте события в Analytics или в отдельную систему мониторинга.
• Синтетические тесты: Lighthouse, WebPageTest дают воспроизводимые замеры под контролируемыми условиями.

Мини-методология для приоритетных действий:

1. Собрать данные пользователей (Site Speed или web-vitals).
2. Выявить 5 страниц с наибольшим временем загрузки.
3. Для каждой страницы провести синтетический тест (Lighthouse).
4. Исправить критические проблемы (сжатие изображений, критический CSS, lazy-load).
5. Повторно измерить и мониторить.

Роль‑ориентованный чек-лист

Для разработчика:

• проверить вставку счётчика и асинхронную загрузку;
• убедиться в корректности вызовов при SPA-навигации;
• добавить web-vitals, если требуется детализация.

Для владельца сайта / маркетолога:

• следить за отчётами в Analytics;
• назначить KPI (например, среднее время < 3 с);
• координировать исправления с разработчиками.

Для SEO-специалиста:

• контролировать влияние скорости на позиции;
• анализировать отчёты по географии и устройствам;
• работать с метриками LCP и CLS.

План действий при отсутствии данных (runbook)

1. Откройте страницу и проверьте исходный код: есть ли блок с UA-кодом и _trackPageLoadTime.
2. Откройте DevTools → Network: загружается ли ga.js и нет ли сетевых ошибок.
3. Проверьте, не блокируется ли скрипт локальными расширениями.
4. В консоли проверьте ошибки JavaScript, прерывающие выполнение счётчика.
5. Если всё верно, подождите 24–48 часов — иногда данные обрабатываются с задержкой.

Критерии приёмки

• в отчёте Site Speed появились данные по минимуму трёх страниц;
• среднее время загрузки отображается и коррелирует с синтетическими тестами;
• команда провела план исправлений и расписала ответственных.

Глоссарий (одна строка)

• FCP: первый содержательный контент — время, когда появился первый видимый элемент;
• LCP: наибольший контентный элемент — ключевая метрика восприятия скорости;
• TTI: время интерактивности — когда пользователь может взаимодействовать с сайтом.

Социальный анонс (короткий текст)

Анонс: Добавили отчёт скорости в Google Analytics? Узнайте, как включить Site Speed, что делать при проблемах и какие альтернативы использовать для современных метрик.

Краткое резюме

• Google Analytics может собирать реальные данные о скорости сайта;
• для классического счётчика достаточно добавить _gaq.push([‘_trackPageLoadTime’]);
• для современных метрик используйте web-vitals, GA4 и синтетические тесты;
• проверяйте данные, применяйте чек-листы и проводите повторные замеры.

Важно: измерения скорости — только начало; улучшения требуют технической оптимизации и постоянного мониторинга.