Оптимизация качества взаимодействия с пользователем — ключ к долгосрочному успеху любого сайта в Интернете. Независимо от того, являетесь ли вы владельцем бизнеса, маркетологом или разработчиком, Web Vitals может помочь вам количественно оценить впечатления от вашего сайта и определить возможности для улучшения.
Узнайте, как оптимизировать Core Web Vitals и улучшить UX и SEO.
Что такое Core Web Vitals
Core Web Vitals — это определенные сигналы, которые указывают на то, насколько посетителям вашего сайта удобно им пользоваться. Веб витал измеряет скорость, интерактивность и стабильность контента. Есть три метрики, которые непрерывно собирает Google про ваш сайт ⇒
- 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 замеряется не на сервере, а на устройстве пользователя. Чем мощнее у посетителя смартфон или планшет, тем лучше показатели Web Vitals, ведь сайт открывается быстрее.
Если Web Vitals низкий (присутствует много желтых и красных зон) – это значит, что аудитория заходит на сайт с устройств со слабым процессором и через медленный интернет. Ведь чем слабее процессор и сеть, тем медленнее загружается сайт.
В этом случае нужно ускорять загрузку сайта, чтобы в замерах из систем LOADING.express и PageSpeed Insights все показатели были в зеленой зоне, или близко к ней. Затем необходимо подождать месяц, чтобы набралась статистика по посетителям, у которых сайт будет открываться быстро. В итоге вы будете наблюдать, как показатели Web Vitals становятся лучше с каждым месяцем.
Как улучшить показатели
Ответ прост — ускорить загрузку сайта. А это уже не так просто, как может показаться. Для начала рекомендуем запросить аудит скорости загрузки и узнать слабые места своего сайта, затем проработать каждое из них. Обращайтесь в LOADING.express, чтобы получить консультацию по ускорению уже сегодня.
Видео по Core Web Vitals
Круглый стол Михаила Шакина и разработчиков LOADING.express
Более подробный разбор материала https://loading.express/blog/about-speed/core-web-vitals/
Ссылка на оригинал на англ. языке. Переводчик Гугла в помощь. https://web.dev/vitals/