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

Core Web Vitals был создан в Google для того, чтобы выделить самые важные метрики, которые вы всегда должны отслеживать. Вы можете подумать, что Core Web Vitals измеряет только скорость загрузки. Но это не совсем так.

Web Vitals – про юзабилити, про тот опыт взаимодействия с вашим сайтом, который получает каждый посетитель на своём устройстве.

Что такое Core Web Vitals

Core Web Vitals – это комплекс метрик, которые отображают три показателя удобства вашего сайта: скорость загрузки, интерактивность и стабильность элементов сайта. Все должны следить за этими метриками с 2021 года.

Core Web Vitals измеряется двумя методами:

  1. Замер из внешней системы тестирования, например, из LOADING.express или PageSpeed. Этот тест называют синтетическим или лабораторным. Он измеряет самый крупный блок, для отрисовки на первом экране, его называют Largest Contentful Paint (LCP). Помимо этого, замеряется сдвиг макета на первом экране (Cumulative Layout Shift – CLS) и время полной блокировки (Total Blocking Time – TBT). Все эти метрики в синтетическом тесте показывают значения для первого экрана. Первый экран – это та область сайта, которую вы видите сразу же при открытии, без скрола страницы. Всё, что находится ниже, не считается для LCP и CLS.
  2. Живые данные от настоящих посетителей сайта или Real User Monitoring. Это те данные, которые Гугл собирает через ваш браузер Chrome, когда вы посещаете сайт. Такой сет данных содержит информацию о Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS) и First Input Delay (FID), которые в синтетическом тесте могут заменить TBT, потому что в синтетике нет пользователя, взаимодействующего с контентом.

Если улучшить показатель TBT в лабораторном тесте, то FID в живых данных тоже улучшится. Важно учесть, что живые данные собираются в течение месяца и обновляются не сразу. Со временем, метрики Core Web Vitals будут модифицироваться, следите за обновлениями!

Каким должен быть Core Web Vitals

Как понять, что ваши показатели по Web Vitals хорошие? Гугл определил пороговые значения для каждой метрики. Вот они:

Largest Contentful Paint (LCP) – до 2,5 секунд;

First Input Delay (FID) – до 100 миллисекунд;

Total Blocking Time (TBT) – до 300 миллисекунд;

Cumulative Layout Shift (CLS) – 0.1.

Эти метрики относятся к современным стандартам производительности сайтов. Они позволяют измерить комфортабельность пользования вашим сайтом там, где раньше измерить было невозможно.

  • Скорость загрузки сайта или Loading: Largest Contentful Paint (LCP).
  • Наступление интерактивности или Interactivity: First Input Delay (FID) и/или Total Blocking Time (TBT).
  • Визуальная стабильность контента или Visual stability: Cumulative Layout Shift (CLS).

Для чего следить за Core Web Vitals

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

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

Core Web Vitals помогает понимать, насколько людям удобно быть на вашем сайте. Это то знание, которое раньше было недоступно для измерения. Ваши аналитики могли сказать про удобство лишь с помощью косвенных метрик, вроде показатель отказов, время на сайте. А сейчас вы можете понимать ПОЧЕМУ эти показатели такие и за месяц исправить ситуацию.

Стоит отметить, что в алгоритме Lighthouse 7 все метрики Core Web Vitals участвуют в расчете оценки производительности. При этом 55% от общей оценки приходится на LCP, TBT и CLS.

Если вы не отслеживаете и не оптимизируете Core Web Vitals, то оценка производительности сайта будет низкой. Красная зона в замерах означает, что у сайта будет меньше поискового трафика с мобильных и низкое качество юзабилити, то есть на нем некомфортно что-либо искать и читать.

Скорость мобильной версии сайта уже учитывается в ранжировании в поисковых системах. Но в мае 2021 года Google начнет использовать данные из Core Web Vitals для определения того, будет ли сайт в топе поисковой выдачи или нет. Поэтому теперь как скорость загрузки, так и удобство пользования сайтом должны быть на высоком уровне для хороших позиций в поиске.

Скорость сайта в 2021 стала еще важнее

Медленный сайт – убийца продаж. Закрывать глаза на этот факт всё сложнее. Если вы хотите, чтобы ваш контент получал охваты и поисковики давали вам больше, чем конкурентам, то вы должны заботиться о производительности сайта. А SEO становится всё сильнее связано со скоростью загрузки сайта.

Итак, что именно надо проверять и как часто? Какие значения – норма в формате Core Web Vitals, а каких надо остерегаться? Всё по порядку.

Какие значения Web Vitals рекомендованы в Google

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

Largest Contentful Paint (LCP):

до 2.5 сек – хорошо, после 4 секунд – плохо;

Cumulative Layout Shift (CLS):

до 0.1 – хорошо, больше 0.25 – плохо;

First Input Delay (FID):

до 100 мс – хорошо, больше 300 мс – плохо;

Total Blocking Time (TBT):

до 300 мс – хорошо, больше 600 мс – плохо.

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

Как автоматически проверять Web Vitals

Бесплатно проверить Core Web Vitals можно во многих программах и расширениях: Lighthouse, PageSpeed Insights, Chrome User Experience Report, Search Console (отчет Core Web Vitals), Chrome Developer и Web Vitals Extension. Все эти инструменты помогут разово проверить показатели, чтобы понять и оценить, какова производительность у вашего сайта на данный момент.

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

Напишите в Телеграм компании LOADING.express, чтобы узнать о вариантах мониторинга данных Web Vitals для вашего сайта уже сегодня!

Смотрите видео, где Мартин отвечает на вопросы про Core Web Vitals

Мартин говорит про Core Web Vitals - English