Обзор инструментов для измерения Web Vitals

В мае 2021 году в Google официально будет запущен новый фактор ранжирования — Core Web Vitals. Он определяет качество пользовательского опыта.

Его анонс был в мае 2020-го, а как мы знаем, Google любит все тестировать, соответственно эти факторы уже активно используются. Конечно королем SEO-продвижения по-прежнему останется контент, но, если в ТОПе будет несколько статей с крутым контентом, Google отдаст предпочтение странице, у которой показатели Web Vitals будут лучше.

Поэтому задача SEO-специалистов — научиться правильно и качественно отслеживать эти показатели, а также попробовать автоматизировать процесс мониторинга.

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

Содержание

show

PageSpeed Insights
Lighthouse
Web.dev
GTmetrics
WebPageTest
Плагин Web Vitals
Плагин Core SERP Vitals
Google Search Console
Google Data Studio
Chrome UX Report Comparison Tool
Таблица Measure Core Web Vitals (Google Spreasheets)
Похожие статьи

PageSpeed Insights

Первый и, пожалуй, наиболее распространенный на сегодня инструмент, это — PageSpeed Insig.

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

Lighthouse

По факту тоже самое, что и PageSpeed Insights, только тест можно проводить непосредственно на странице через DevTools.

Web.dev

Еще один популярный онлайн-инструмент — web.dev. Однако он предоставляет данные только по мобильной версии, хотя учитывая что сейчас Mobile-First в этом в принципе есть смысл. Данные показывает те же, что и PageSpeed и Lighthouse.

GTmetrics

GTmetrics — ещё один анализатор из стандартных и полезных инструментов, который поможет протестировать Web Vitals. Есть также и расширение в Google Chrome, но на самом сайте вы сможете почерпнуть больше информации для себя.

Результаты анализа GTMetrix — В правой части скриншота результаты Web Vitals

WebPageTest

WebPageTest — полезный инструмент, который очень детально демонстрирует как происходит процесс загрузки. Также с недавних пор в нем появились показатели Web Vitals:

Из минусов могу только отметить, отсутствие в списке локаций для теста, стран и городов СНГ, поэтому для русскоязычных сайтов данные могут быть не совсем объективными:

Ограниченный выбор локаций сервиса WebPageTest — Органичение по локациям для теста в WebPageTest

Плагин Web Vitals

Web Vitals — расширения для браузера, которое показывает параметры Core Web Vitals на конкретной странице вашего сайта или сайта конкурента:

Расширение для анализи основных показателей UX - Web vitals — Использование расширения Web Vitals для Google Chrome

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

Плагин Core SERP Vitals

Core SERP Vitals — удобный плагин для Google Chrome от команды Defaced.dev. Благодаря его установке, вы будете видеть показатели Core Web Vitals прямо в поисковой выдаче Google.

Так выглядит выдача Google с использованием плагина Core SERP Vitals — Выдача Google с использованием плагина Core SERP Vitals

Из минусов стоит отметить тот факт, что данные берутся из Chrome User Experience Report, поэтому не у всех сайтов они есть.

Google Search Console

В Google Search Console также был добавлен функционал для оценки Web Vitals:

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

Google Data Studio

В Google Data Studios есть возможность добавить показатели Core Web Vitals в дашборд, через бесплатный коннектор Chrome UX Dash. Это также очень простой и эффективный способ мониторить эти показатели:

Chrome UX Report Comparison Tool

Не так давно появился инструмент для тестирования показателей Web Vitals от проектировщика из команды Google Chrome — Chrome UX Report Comparison Tool. Основным плюсом считается то, что он позволяет сравнивать показатели страницы с другими страницами на сайте или конкурентами.

Таблица Measure Core Web Vitals (Google Spreasheets)

Наиболее продвинутым и максимально автоматизированным инструментом, на сегодняшний день, считаю, как бы это не было странно, гугл таблицу Measure Core Web Vitals:

Анализ Core Web Vitals при помощи таблицы Google Spreasheets

На данный момент это единственный инструмент, который покажет как меняются показатели в течение определенного периода времени. А это позволит провести более качественный анализ.

Подробно о том, как настроить и запустить тесты мы рассказывали в нашей прошлой статье про автоматическое измерение Web Vitals, так что welcome!