Инженер Google о скорости сайтов и пользовательском опыте

На конференции SMX Advanced 2018, которая проходила в июне, свой доклад представил сотрудник Google, известный специалист по серверной и клиентской оптимизации, соавтор технологии WebRTC и автор книги «High Perfomance Browser Networking» Илья Григорик.

Выступление эксперта было посвящено веб-производительности, скорости сайтов, пользовательскому опыту, безопасности и оптимизации для мобильных устройств – темам, которые особенно волнуют SEO-специалистов после начала перехода Google на mobile-first индексацию и запуска обновления Speed Update.

Отчёт об удобстве пользования Chrome

В целом доклад Григорика был центрирован на Отчёте об удобстве пользования браузером Chrome (Chrome User Experience Report). В своём выступлении он рассказал, как оптимизаторы могут использовать эти данные для лучшего понимания взаимодействия пользователей с их сайтами и ресурсами конкурентов.

Отчёт Chrome User Experience – это хороший источник данных о пользовательском опыте на конкретной странице. Эти сведения собираются из актуальных пользовательских сессий на основании:

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

Обобщённые данные затем становятся доступны через PageSpeed Insights. Вот пример того, как может выглядеть этот отчёт:

Метрика FCP (First Contentful Paint) – события первой отрисовки контента. Они фиксируются, когда пользователь впервые видит визуальный ответ. Этот показатель важен, потому что первый визуальный ответ является индикатором выполняемого действия для пользователей и помогает поддерживать их вовлечённость.

Метрика DCL (DOMContent Loaded) измеряет, сколько времени требуется для полной загрузки документа. Стили, изображения и субфреймы являются здесь исключениями. Они могут не отображаться как полные с точки зрения загрузки.

Глядя на образец отчёта выше, обратите внимание, как данные метрики делятся на три категории: «Быстро» (зелёный), «Средне» (жёлтый) и «Медленно» (красный). По этим цветам наглядно видно, что не все пользователи получают одинаковый опыт взаимодействия с сайтом; проценты варьируются в зависимости от категории.

Так, у 66% загрузок этой страницы показатель FCP был высоким, у 22% – средним, а у 12% – низким. Что касается DCL, то у 34% загрузок он был высоким, у 43% – средним, а у 23% – низким. Мы также видим, что медианное значение FCP составляет 1,1 сек, а DCL – 2,4 сек, что относит страницу к средней трети всех URL по скорости загрузки.

Чтобы понять, как это работает для пользователей, рассмотрим следующую диаграмму из руководства Google, посвящённого центрированным на пользователе метрикам производительности:

Последовательность этапов загрузки сайта помогает понять, что нужно сделать для оптимизации. Обратите внимание на дополнительную метрику Time to Interactive (TTI). Это тот момент, когда пользователи могут начать активно взаимодействовать с контентом. Эти данные отсутствуют в отчёте об удобстве пользования Chrome, но они также важны.

Поскольку данные отчёта Chrome User Experience доступны через PageSpeed Insights, то с помощью этого инструмента также можно ознакомиться со статистикой конкурентов.

При этом важно помнить, что при попытке получить данные по одной странице, отчёт может быть недоступен из-за недостаточного количества данных.

Чтобы получить наилучшие результаты, убедитесь, что вы ввели полный URL. Например: «», а не «searchengines.ru», поскольку последняя форма предполагает HTTP-протокол.

Если ваш трафик слишком ограниченный для получения отчёта об удобстве пользования Chrome, то вы можете ввести команду «site:» в PageSpeed Insights в следующем формате: «site:», чтобы получить данные на уровне сайта.

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

Google Analytics располагает ограниченными возможностями в этой области. Отчёт «Скорость загрузки сайта» в GA выглядит примерно так:

В список метрик, отслеживаемых Google Analytics, входят следующие:

• Среднее время загрузки страницы;
• Среднее время переадресации;
• Среднее время поиска домена;
• Среднее время соединения с сервером;
• Среднее время ответа сервера.

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

Обратили ли вы внимание на время загрузки страницы в браузерах Edge и Samsung Internet? Из этого следует, что у сайта могут быть проблемы, специфичные для браузеров. Устранение этих недочётов может помочь многим пользователям (и повысить итоговые показатели). Такого рода проблемы не выявляются с помощью отчёта об удобстве пользования Chrome.

В последние годы было проведено несколько исследований, которые выявили зависимость между улучшением скорости загрузки страниц и значительным повышением коэффициента конверсии. Глядя же на данные по браузерам выше, маловероятно, что пользователи Edge или Samsung Internet конвертируются на данном сайте.

Производительность страниц и сайта в целом – это области, требующие всё большего внимания со стороны оптимизаторов. Настройка веб-серверов, систем управления контентом и e-commerce платформ для улучшения этих показателей – трудоёмкая задача, но отдача того стоит!