🚀 Google
назвал три главные метрики для оценки пользовательского опыта и
объявил, чтобы будет учитывать их в ранжировании. Я решил разобраться в этом.
Эти метрики в Google назвали «Core Web Vitals». Core Web Vitals применимы ко всем веб-страницам, должны оцениваться всеми владельцами сайтов и будут отображаться во всех инструментах Google.
📎 Largest Contentful Paint (LCP)
Измеряет производительность загрузки. Для предоставления хорошего пользовательского опыта LCP должна составлять до 2,5 сек от начала загрузки страницы. Распространенные причины слабой производительность загрузки:
Медленное время отклика сервера
Рендер-блокировка JavaScript и CSS
Медленное время загрузки ресурсов
Отрисовка на стороне клиента
📎 First Input Delay (FID)
FID измеряет время с момента первого взаимодействия пользователя со страницей (т. е. когда они щелкают ссылку, нажимают на кнопку или используют пользовательский элемент управления с поддержкой JavaScript) к тому моменту, когда браузер действительно способен реагировать на это взаимодействие.
📎 Cumulative Layout Shift (CLS)
Измеряет визуальную стабильность. Страницы должны поддерживать CLS на уровне менее 0,1.
Неожиданное перемещение содержимого страницы обычно происходит из-за загрузки ресурсов асинхронно или DOM элементы динамически добавляются на страницу выше существующих Содержание. Виновником может быть изображение или видео с неизвестными размерами, шрифт который отображает больше или меньше, чем его резервный вариант, или стороннее объявление или виджет это динамически изменяет размер самого себя.
CLS измеряет общую сумму всех индивидуальных баллов сдвига макета для каждого неожиданный сдвиг макета, который происходит в течение всего срока службы страницы.
Сдвиг компоновки происходит каждый раз, когда видимый элемент меняет свое положение с одного кадр к следующему.
Хорошими показателями метрик считаются:
Largest Contentful Paint (LCP): 2.5 секунд
First Input Delay (FID): 100 миллисекунд
Cumulative Layout Shift (CLS): менее 0.1
Проверить свой сайт по всем трем метрикам можно с помощью официального расширения для Google Chrome:
https://chrome.google.com/webstore/detail/web-vitals/ahfhijdlegdabablpippeagghigmibma?hl=en📌 Более подробно читайте у меня в блоге, по мере поступления новых данных статья будет обновляться:
https://seospeciali.st/core-web-vitals/Ринат Хайсман, @seospecialist