Что такое Core Web Vitals. Из каких показателей складывается оценка скорости сайта

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

Узнайте, как оптимизировать Core Web Vitals и улучшить UX и SEO.

Что такое Core Web Vitals

Core Web Vitals — это определенные сигналы, которые указывают на то, насколько посетителям вашего сайта удобно им пользоваться. Веб витал измеряет скорость, интерактивность и стабильность контента. Есть три метрики, которые непрерывно собирает Google про ваш сайт ⇒

  1. LCP — скорость отрисовки самого крупного контента на первом экране страницы, им может быть заголовок, изображение или любой другой элемент.
  2. FID — задержка между взаимодействием с сайтом и реакцией на это взаимодействие. Для  пользователей сайта кажется, что это тормозит их интернет, но это не так. Тормозить может что угодно, скролл, нажатие на кнопки и другое.
  3. CLS — сдвиг макета, это когда часть контента загружается позже и сдвигает текст, который вы уже читаете. Этой частью может быть блок рекламы, изображение, выпадающий список, меню, видео, виджеты и многое другое.

Показатели Web Vitals lcp- fid-cls

Web Vitals — это живой замер каждого посетителя вашего сайта в реальном времени. Замеры учитывают только от пользователей Chrome и браузеров на его движке. Учитываются все изменения для данного пользователя независимо от того, провел он на сайте 40 минут или 2 минуты.

Как собираются данные

Посетитель открывает браузер Хром и набирает в поисковике запрос. Открывает страницу вашего сайта. Пока страница загружается, все параметры по ее открытию у данного пользователя собираются браузером и отправляются в базу данных Гугла. В ней хранится информация со всех стран мира, накопленные за несколько лет с каждым открытым сайтом из браузеров на движке Chromium.

Из одной только России в 2020 году в базе сохранилось 750 000 сайтов.

Помимо данных об открытии сайта, в эту базу также записываются параметры скорости загрузки, интерактивности и стабильности контента, оцениваемые со стороны пользовательского опыта. Мощно, не правда ли? Гугл может.

Почему мой показатель Web Vitals такой

Показатель живых данных, может отличаться от показателей из замеров в LOADING.express или PageSpeed Insights.

Сравнение показателей Web Vitals — LCP FID CLS FCP и LOADING.express на реальном сайте ⇒

Пример показателей Web Vitals lcp-fid-cls-fcp на реальном сайте и LOADING.express

В отличии от этих сервисов, Web Vitals замеряется не на сервере, а на устройстве пользователя. Чем мощнее у посетителя смартфон или планшет, тем лучше показатели Web Vitals, ведь сайт открывается быстрее.

Если Web Vitals низкий (присутствует много желтых и красных зон) – это значит, что аудитория заходит на сайт с устройств со слабым процессором и через медленный интернет. Ведь чем слабее процессор и сеть, тем медленнее загружается сайт.

В этом случае нужно ускорять загрузку сайта, чтобы в замерах из систем LOADING.express и PageSpeed Insights все показатели были в зеленой зоне, или близко к ней. Затем необходимо подождать месяц, чтобы набралась статистика по посетителям, у которых сайт будет открываться быстро. В итоге вы будете наблюдать, как показатели Web Vitals становятся лучше с каждым месяцем.

Как улучшить показатели

Ответ прост — ускорить загрузку сайта. А это уже не так просто, как может показаться. Для начала рекомендуем запросить аудит скорости загрузки и узнать слабые места своего сайта, затем проработать каждое из них. Обращайтесь в LOADING.express, чтобы получить консультацию по ускорению уже сегодня.

Видео по Core Web Vitals

Круглый стол Михаила Шакина и разработчиков LOADING.express

Презентация из видео: https://work.loading.express/pdf/core-web-vitals.pdf.
Core Web Vitals представляют собой лучшие доступные сигналы, которые сегодня есть у разработчиков для измерения качества работы в Интернете, но эти сигналы не идеальны, и следует ожидать будущих улучшений или дополнений.
Более подробный разбор материала  https://loading.express/blog/about-speed/core-web-vitals/
Ссылка на оригинал на англ. языке. Переводчик Гугла в помощь. https://web.dev/vitals/
Автор статьи и сайта
Александр
Александр
В 1998 году - первое знакомство с компьютером. С 2002 года постоянно развиваюсь и изучаю компьютерные технологии и интернет. Сейчас военный пенсионер. Занимаюсь детьми, спортом и этим проектом.
Задать вопрос

 

Оцените статью
( Пока оценок нет )
FIXX.ONE
Оставьте ваш отзыв или комментарий

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