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

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

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

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

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

1. PageSpeed Insights

Первый и, пожалуй, наиболее распространенный на сегодня инструмент, это —  https://developers.google.com/speed/pagespeed/insights/?hl=ru.

Результаты анализа PageSpeed Insights
PageSpeed Insights выдает основные показатели, включая Web Vitals

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

2. Lighthouse 

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

Результаты анализа PageSpeed Insights
Проверка Web Vitals в инструменте разработчика Google Chrome

3. Web.dev

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

Сервис проверки скорости загрузки сайта - Web.Dev
Результаты теста в сервисе web.dev

4. GTmetrics

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

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

5. WebPageTest

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

Онлайн сервис WebPageTest для анализа Core Web Vitals
Результаты проверки сервисом WebPageTest

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

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

6. Плагин Web Vitals

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

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

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

7. Плагин 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, поэтому не у всех сайтов они есть.

8. Google Search Console

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

Результаты анализа Web Vitals в Google Search Console

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

9. Google Data Studio

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

Результаты анализа Web Vitals в Google Data Studio

10. Chrome UX Report Comparison Tool

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

Результаты анализа Chrome UX Report Comparison Tool
Результаты анализа Chrome UX Report Comparison Tool

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

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

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

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

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


2 комментария на «“Обзор инструментов для измерения Web Vitals”»

  1. Аватар Дмитрий Лишик:

    Очень полезная статья. Спасибо!

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

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