Koval
Web
Production

Core Web Vitals: три новых метрики ранжирования от Google

Время чтения 8 мин.
Читать статью

Google устраивает гонки сайтов. Призовые места займут самые быстрые. 5 мая компания объявила о новых параметрах работы сайтов, которые будут учитываться во время ранжирования. Их название Core Web Vitals. Запуск планируется на 2021 и именно тогда, в топ попадут самые быстрые. Конечно, нововведения не отменяют действующие факторы, влияющие на продвижение сайта в топ, их в Гугле несколько сотен. А пока есть время подробно разобраться и подготовить свои вебстраницы к новым требованиям.

Что такое Core Web Vitals?

Главная цель — сделать онлайн-опыт удобным для пользователя. Кроме ранее известных факторов ранжирования, учитывающие User experience (UX): мобильности, безопасного просмотра, HTTPS и отсутствии надоедливых окон, алгоритм Google будет учитывать параметры, которые будут измерять скорость работы веб-сайтов. Но, что это значит? Что, где и как нужно ускорить? Работники Google четко сформулировали 3 показателя по которым будет проводиться оценка и объединили их под термином Core Web Vitals:

1. Largest contentful paint (LCP)

Largest contentful paint (LCP)отрисовка крупного контента. Измеряет время, за которое загружается наибольший элемент видимой страницы. Им чаще всего есть видео, картинка или объемный текстовый блок.

Почему именно этот показатель?

Метрики, которые существовали до LCP не учитывали данные о том, что видит на экране пользователь (DOMContentLoaded и Load) или слишком сложные и часто ложные (First Meaningful Paint (FMP), Speed ​​Index (SI)). Поэтому невозможно определить доволен ли посетитель сайта скоростью загрузки. Эксперты пришли к выводу, что лучшим мерилом будет время, за которое вырисовывается самый большой элемент страницы.

В цифрах

Для LCP и следующих факторов ранжирования, разработчики предложили 3 показателя:

  • хорошо (зеленая зона);
  • требуется улучшение (желтая зона);
  • недостаточно (красная зона).

Хорошо, если наибольший элемент страницы изображаться за 2.5 секунды. В красную зону попадают после 4 секунд.

На что обратить внимание, если сайт в красной зоне?

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

2. First input delay (FID)

First input delay (FID)задержка первого введения. Метрика, показывающия задержку первого введения во время загрузки страницы. Проще, это как быстро сайт готов взаимодействовать с пользователем. Ввод текста, загрузка картинки, нажатия на ссылки и т.д.

Почему FID делают важным фактором ранжирования?

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

В цифрах

Хорошое время до 100 миллисекунд, плохое — более 300 миллисекунд.

На что обратить внимание, если сайт долго реагирует?

  • Посторонние скрипты. Кнопки на социальные сети, служба аналитики — все это замедляет работу
  • «Тяжелый» код. Пока сайт анализирует HTML, CSS и Java Script он не сможет реагировать на запросы клиента.

3. Cumulative layout shift (CLS)

Cumulative layout shift (CLS)совокупное смещение макета. Показатель стабильности макета. С помощью CLS, можно количественно измерить, как часто пользователь сталкивается с неожиданными сдвигами элементов при загрузке вебстраницы.

Почему он важен?

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

Цифры

Идеал, если показатель CLS не превышает 0.1. Если этот показатель больше 0.25. значит у сайта серьезные проблемы.

Что делать?

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

Почему Core Web Vitals делают важным фактором ранжирования?

Чем скорее загрузится сайт, станет готовым к взаимодействию, чем меньше будет раздражать пользователя непредсказуемыми «действиями», тем приятнее ним пользоваться. Это повлияет на позиции в поиске и на трафик. Больше трафик — больше конверсия — больше доход бизнеса.

Core Web Vitals — это четко сформулированые метрики, которые помогают количественно измерить выше перечисленные показатели. Но несмотря на то, что официально факторами ранжирование их еще не считают, они давно влияют на оптимизацию сайта. «Тугодумный» вебресурс покидают многие пользователи, алгоритм гугл видит, что с ресурсом что-то не так и предлагает лучшие, более удобные варианты. Поэтому показатели скорости и без официального признания очень важны для User experience (UX) и SEO, что влияет на конверсию.

Например, Rossignol.com (французский интернет-магазин горнолыжного снаряжения и одежды) сократил время загрузки на 1.9 секунды и снизил индекс скорости в 10 раз и его конверсия поднялась на 94%.

Как измерить показатели Core Web Vitals?

Методы анализа метрик делят на: полевые и лабораторные.

Полевые методы — для быстрого и реального мониторинга веб опыта.

  • PageSpeed Insights — показывает, как страница взаимодействует с пользователем и предлагает варианты оптимизации.
  • Расширение для браузера Web Vitals — его можно зайти в официально магазине приложений и расширений Chrome. Непосредственно в браузере показывает отчет открытой страницы.
  • Google Search Console (отчет Core Web Vitals) — инструмент, который позволит измерить показания более детально. Показывает проблемные страницы, изображает цифровые значение метрик, дает варианты улучшения.

Лабораторные (для веб разработчиков) — позволяют диагностировать проблемы на этапе разработки сайта.

  • Chrome DevTools — встроенные инструменты для разработчиков сайтов. Позволяют быстро исправлять проблемы
  • Lighthouse — инструмент, автоматически проводит аудит сайта. Вводите URL-адрес и он предоставляет отчет о работе страницы.

Вывод

Для поисковых машин важно, чтобы пользователь пришел на сайт и решил на нем свою проблему. Это основная задача работы алгоритмов Google. При этом важно, чтобы онлайн-ресурс обеспечивал качественный пользовательский опыт. Core Web Vitals не единственные показатели, которые определяют качество работы сайтов, но поведенческие факторы, которые непосредственно влияют на ранжирование, во многом зависят от скорости загрузки. Главный клиент, поэтому все делается для его удобства.