Апдейт от Google-2021: способы отслеживания данных, информация о метриках, скорость загрузки сайта

Пользователь – цель Метрики

В 2020 году Google представил новый алгоритм «Lighthouse 6.0», который в автоматическом режиме измеряет качество web-страниц, Важное отличие его метрик в том, что они „заточены» на пользователе. Как он воспринимает загрузку страницы. В Google они так и называютUser-Centric Performance Metrics.

Скорость загрузки и восприятия пользователя: Разница

До 2021 года главной метрикой измеряющей скорость загрузки был алгоритм «load event», который фиксировал момент окончания загрузки страницы (всех ресурсов). Это принципиально важный показатель, но в нем упущен момент самого процесса загрузки.

В чем суть вопроса? Для наглядности возьмем два сайта. Начали загружать оба одновременно. Загрузка заняла одинаковое время. Но почему-то пользователи сочли, что второй сайт загрузился быстрее. Почему? Да потому что, уже в процессе загрузки пользователь мог видеть страницы сайта. В первом случае этого не было.

Есть ключевые элементы загрузки сайта. Google их видит так:

• Насколько быстро пользователь начинает видеть начало загрузки;

• Насколько быстро пользователь начинает видеть контент на сайте и может с ним знакомиться;

• Временной промежуток от начала загрузки и возможности начать работу на сайте;

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

Google: Метрики

Google разработал целую систему метрик, основываясь на знаниях ключевых элементов загрузки сайтов.

1. Метрика ТТFB (Временной период до первого байта) считывает время, которое браузер затрачивает до момента получения 1-го байта страниц сайта.

2. Метрика FCP (первое полное отображение страницы) фиксирует время от начала загрузки сайта до того момента, когда пользователь начинает видить на мониторе что-то.

3. Метрика LCP (максимально полное отображение) определяет временной промежуток с начала загрузки до полного отображения на мониторе самого большого элемента.

4. Метрика CLS (сдвиг шаблона) фиксирует сдвиг элементов на странице во время загрузки и после нее и дает суммарный результат.

5. Метрика FID (Задержка ввода (первого) определяет время до того, как начнется фактическая обработка действия. Отсчет идет от первого действия.

6. Метрика TBT (общее время блокирования) фиксирует временной период, когда задачи long tasks блокируют поток (главный), влияя на юзабилити. Эта метрика замеряет взаимодействие TTI и FCP.

7. Метрика TTI (время до интерактивности) фиксирует временной промежуток до момента, когда запускается полная интерактивность

8. Метрика Speed Index (Индекс скорости) одна из наглядных метрик. Замеряет скорость отображения содержания страницы во время загрузки.

Из этих метрк три используются в ранжировании и Google их объединил в одну группу «Core Web Vitals»:

• Метрика LCP (максимально полное отображение

• Метрика FID (Задержка ввода (первого) CLS.

• Метрика CLS (сдвиг шаблона)

При этом загрузка, как процесс, должна оцениваться в целом. Оптимизации метрики «Web Vitals» не достаточно.

Сайт загрузка: как правильно замерять данные

Самый простой и оптимальный путь для измерения – система отчетов LightHouse или PageSpeed Insights.

— Важно! Хорошие показатели это не значит, что имеет место высокая скорость загрузки сайта. И наоборот. Если показатели не ахти, то скорость может быть вполне высокой.

Дело в том, что Google ведет измерения данных реальный пользователе и не учитывает баллы, приведенные в отчете.

Для наглядности возьмем два примера:

№1:Быстрая мобильная версия сайта. Тематика – игры для старых персональных компьютеров. Естественно, основная масса пользователей такого сайта – обладатели старых версий (браузеров) на ПК. И при высокой мобильной версии, в реале пользователи на ПК получат скорость загрузки сайта горазод хуже. Метрики Google дадут плохие оценки.

№2:Теперь наоборот. Сайт с далекой от идеала мобильной версией и низкой скоростью загрузки. Но используют его пользователи на ПК и получают быстрый отклик. Google дают сайту отметки выше среднего.

Что доказывают эти примеры? То, что Lab и Field отличаются – теоретическими и практическими показателями.

Lab Data – теоретические (лабораторные) данные

Сервисы Lighthouse, PageSpeed Insights иGtmetrixгенерируют данные разовых тестов url. Их преимущества:

• позволяют отслеживать отдельные url;

• используют на тестовых ресурсах для измерения метрик, до и после оптимизации;

• дают подсказки по улучшению.

Но есть и недостатки:

• они не способны отследить pagegroups (типы страниц) и давать подробную статистику по сайту в целом;

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

• подсказки бессмысленны и не влияют на метрики.

Field Data - практические (полевые) данные

Field Data демонстрирует реальные и максимально актуальные пользовательские показатели. При этом сервис не способен отследить и проанализировать отдельные url-адреса и отдельные группы страниц (pagegroups). Данные предоставляются только помесячно и это происходит каждый второй вторник.

Данные, используемые API браузером и направляемее в Google Analytics/другой источникWeb Vitals events.

Этот отчет используют для анализа как отдельный адресов и групп отдельных страниц, так и сайта в целом. Удобно, что данные показаны не только за месяц, а генерируются и за день, и за неделю. показывать данные за любой период (день, неделю, месяц). Отчет позволяет сортировать и подвергать анализу, как пользователей, так и события с плохими и с хорошими показателями.

Есть и минусы.

• для внедрения событии на сайт понадобиться помощь разработчиков либо Google Tag Manager;

• слишком многие события отправляются Google Analytics, при их низкой информативности для рядового пользователя.

Эффективность комбинированного подхода

Так как оба способа измерений не идеальны, нужно использовать разные источники данных, тогда результат будет выше:

• для измерения изменений и при разработке использовать Lab;

• чтобы отслеживать реальные данные – Field;

• для масштабных проектов (чтобы получать данные и по региону, и по дате, и по устройствам входа) - Web Vitals events.

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

Итог:

1. Поисковик Google стали использовать в качестве факторов ранжирования метрики Lighthouse с июня 2021 года.

2. Для этим метрик главное – восприятие пользователя, а не скорость загрузки.

3. Есть два способа сбора данных – теоретический (лабораторный) и практический (полевой) - речь идет о пользователе, который зашел на сайт с какого-то устройства. Лучший результат дает комбинирование этих способов.

4. Следуйте при оптимизации за Google, который сконцентрирован на пользователе.