Отчет о работе пользователей с Chrome: повышение производительности сайта?

Содержание:

  1. Инструмент Google — отчет о работе пользователей
  2. Сравнение скорости загрузки сайтов
  3. Как использовать данные CrUX?

Инструмент Google — отчет о работе пользователей

В 2017 на конференции Google представил инструмент отчет о работе пользователей с Chrome (CrUX). Это база, которая содержит в себе данные того, как реальные пользователи Chrome ведут себя на сайтах, размещенных на просторах Интернет. Спустя некоторое время, мы уже видели это обновление, Google обновил инструмент PageSpeed Insights. Были добавлены 2 категории: скорость и оптимизация (рис. 1).

Новые категории в Google Pagespeed Insights

Рисунок №1 — Новые категории в Google Pagespeed Insights

Все технические проблемы сайта и перечень исправлений размещается в категории “Оптимизация”, категория “Скорость” оценивает сайты, как “медленные”, “средние”, “быстрые” на основе 2 показателей: первой отрисовки контента FCP (с момента начала загрузки и до появления первого изображения) и полной загрузки DOM-модели документа DCL.

Эти 2 показателя не будут замеряться в “лабораторных” условиях, теперь Google рассчитывает их на основе данных, которые получены от пользователей, ежедневно взаимодействующих со страницами веб-сайтов. Когда показатель скорости недоступен, значит информации о данных и трафике недостаточно для расчета скорости.

Если вы привыкли пользоваться такими инструментами для проверки скорости, как Pingdom, WebPageTest, то данные будут отличные от Pagespeed Insights по причине того, что методы ее оценки различны.

Сравнение скорости загрузки сайтов

Чтобы продемонстрировать, как отличается скорость измеренная в инструментах с “лабораторным” методом исследования и на основе действий пользователей, взяли 2 сайта https://tabletki.ua/ и https://apteka911.com.ua/ (рис. 2, 3, 4, 5).

Тест скорости для tabletki.ua webpagetest

Рисунок №2 — Тест скорости для tabletki.ua webpagetest

Тест скорости для apteka911.com.ua webpagetest

Рисунок №3 — Тест скорости для apteka911.com.ua webpagetest

Тест скорости для tabletki.ua google pagespeed insights

Рисунок №4 — Тест скорости для tabletki.ua google pagespeed insights

Тест скорости для apteka911.com.ua google pagespeed insights

Рисунок №5 — Тест скорости для apteka911.com.ua google pagespeed insights

Почему же такое расхождение? Примерно в 5 раз. Все объясняется тем, что в Google Pagespeed задействованы реальные показатели на основе взаимодействия пользователей с сайтами (естественно, если они выбирают синхронизацию истории просмотров и активируют использование статистики). Google решает, быстро загружается ваш сайт или нет, на основе того, как быстро пользователи видят первое изображение и как быстро у них загрузится вся страница. Иначе это можно объяснить так, если у пользователя медленные Интернет или устаревшее устройство, то сайт в глазах Google будет загружаться медленно, ну и аналогично, обратное.

Данные примеры показывают, что скорость загрузки сайта уже некорректно оценивать в среде Google, так как этот показатель будет зависеть от пользователя. Самый точный способ изучения производительности вашего сайта — полагаться на данные RUM (Мониторинг в режиме реального пользователя (РОМ) — пассивный мониторинг, технология, которая записывает все взаимодействия пользователя с вебом — сайтом или клиентом, взаимодействующим с сервером или облачным приложением).

Чтобы найти надежные показатели производительности реального пользователя, лучше использовать базу данных, которую Google уже использует: CrUX.

Как использовать данные CrUX?

Данные этой базы доступны публично в Google Big Query. Это часть облачной платформы Google, совершенно бесплатно (рис. 6).

Платформа Google Big Query

Рисунок №6 — Платформа Google Big Query

В свободном доступе набор данных «chrome-ux-report» (рис. 7).

Набор данных хром

Рисунок №7 — Набор данных хром

В этих данных наборы для всех стран. Если развернуть, например Украину, то можно увидеть все таблицы с данными (рис. 8).

Таблицы с данными для Украины

Рисунок №8 — Таблицы с данными для Украины

Чтобы получать данные, нужны базовые знания SQL, чтобы писать и запускать запросы. Протестируем базовый запрос, который покажет сколько данных собрано за август 2018 (рис. 9).

Данные в базе за август 2018

Рисунок №9 — Данные в базе за август 2018

Как видно, найдено 4, 386 422 результата. Чтобы узнать, сколько уникальных доменов в базе Google, используем такой запрос (рис. 10).

Количество уникальных доменов в базе

Рисунок №10 — Количество уникальных доменов в базе

Их оказалось: 4, 235 339.

Теперь самый главный запрос, насколько сайт быстрый для пользователей.

SELECT   form_factor.name AS device,

fcp.start,

ROUND(SUM(fcp.density), 4) AS density

FROM  `chrome-ux-report.all.201810`,

UNNEST(first_contentful_paint.histogram.bin) AS fcp

WHERE origin = ‘http://example.com’

GROUP BY  device, start

ORDER BY device,  start

где вместо http://example.com адрес вашего сайта. Я протестировала этот запрос для сайта apteka24 (рис. 11).

Скорость загрузки сайта для пользователей аптека24 за июль 2018

Рисунок №11 — Скорость загрузки сайта для пользователей аптека24 за июль 2018

В отчете получилось 103 строчки. 1 строка говорит, что 0,0028% пользователей на компьютере начинают видеть сайт через 200 миллисекунд и т.д.

Если вы знаете, как  использовать этот мощный инструмент, то сможете проанализировать скорость вашего сайта разными способами. Или использовать другие типы запросов, чтобы:

  1. Сравнить эффективность вашего сайта с конкурентами.
  2. Анализировать производительность сайта на разных устройствах и типах подключений.
  3. Измерение производительности в разных странах.
  4. Анализировать другие показатели скорости(First Paint, DOM Content Loaded и т.д.)

Для тех, кто начинает пользоваться CrUX, есть руководство. Оно поможет узнать, как обращаться к базе, чтобы найти нужные данные.

Эти данные мы можем выстроить в Dashboard CrUX прямо в Data Studio.

Существует три типа отчетов Chrome UX, доступных в настоящее время на информационной панели Data Studio:

  1. Для первой отрисовки контента (рис. 12)
  2. Для устройств (рис. 13)
  3. Для соединения (рис. 14)

Отчет первой прорисовки контента

Рисунок №12 — Отчет первой прорисовки контента

Отчет устройств

Рисунок №13 — Отчет устройств

Отчет соединения

Рисунок №14 — Отчет соединения

В отличие от PageSpeed ​​Insights, CrUX не дает рекомендаций по решению технических проблем. Но в CrUX собраны ценные данные. Real User Measurements был золотым стандартом для измерения производительности веб-приложений в течение многих лет, теперь, когда они играют важную роль в ранжировании поиска.

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

Автор Ирина Старченко
практикующий Seo-специалист
и программист любитель

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *