В конце мая Google сообщил, что Page Experience (Удобство страницы) станет одной из метрик качества, но в связи с COVID-19 внедрение отложили на полгода.
В сентябре сотрудник Google Гэри Илш заявил, что Core Web Vitals вряд ли станет основным фактором ранжирования, это не может не радовать. Дизайны, и CMS-ки становятся тяжеловеснее, функционал все требовательнее к ресурсам, но не у каждого на старте есть лишние средства на выделенный сервер. Но не стоит расслабляться, и не обращать внимание на оптимизацию скорости загрузки. Всегда стоит помнить про пользователя!
Рассмотрим из чего состоит Core Web Vitals:
1. LCP (Largest contentful paint)
![Картинка 1.jpg Картинка 1.jpg](/upload/medialibrary/631/Kartinka-1.png)
LCP (отрисовка самого крупного контента) – время, за которое браузер отрисовывает самый крупный видимый элемент в области просмотра. По сути, эта метрика показывает, как быстро загружается страница.
Самым крупным элементом контента обычно является изображение или видео, но это также может быть объёмный блочный элемент с текстом. Анализируется, насколько быстро загружается такой элемент в области просмотра – будь то изображение, видео или текст.
2. CLS (Cumulative layout shift)
![Картинка 2.jpg Картинка 2.jpg](/upload/medialibrary/c15/Kartinka-2.png)
Показатель CLS (совокупное смещение макета) оценивает, насколько элементы на странице смещаются во время её загрузки. Другими словами, насколько быстро страница становится стабильной.
Наверное, все сталкивались с ситуацией, когда после загрузки страницы на мобильном телефоне пытаешься нажать кнопку, а в последнюю секунду макет смещается, и нажимаешь что-то другое. Это плохой пользовательский опыт.
3. FID (First input delay)
![Картинка 3.jpg Картинка 3.jpg](/upload/medialibrary/e9d/Kartinka-3.png)
FID (задержка после первого ввода) показывает время между первым взаимодействием пользователя со страницей (нажатием на ссылку, кнопку и т.п.) и ответом браузера. То есть, насколько быстро страница становится интерактивной. Другими словами, если пользователь кликает по элементу (кнопке или JS-событию), насколько быстро браузер может начать обрабатывать это и выдавать результат?
Если пользователь на что-то нажимает и ничего не происходит или же происходит, но очень медленно, то это плохой опыт взаимодействия.
Если кратко, то:
• Насколько быстро пользователь увидит на странице основной контент?
• Когда станет можно наживать на кнопки, ссылки, доступны элементы форм и прочее.
• Насколько быстро страница перестанет напоминать живущий своей жизнью калейдоскоп.
Подробнее изучить информацию о показателях удобства страницы в поиске Google можно по ссылке https://developers.google.com/search/docs/guides/page-experience.
![]() |
Статью подготовила
Полина Зарубицкая, ведущий спикер Webcom Academy. |