Core Web Vitals: В чем смысл ключевых показателей Google

Самая распространенная в мире поисковая система постоянно пытается улучшить результаты поиска для пользователей, в том числе путем регулярного обновления Google. Пользователи, работающие в Интернете, должны иметь возможность быстро получать информацию и в то же время получать положительный опыт при посещении сайтов. Именно поэтому Google оказывает поддержку администраторам и создателям контента в создании лучших веб-сайтов. Одной из мер по улучшению веб-контента является инициатива Google Web Vitals: единые метрики для четкого определения технического качества веб-сайта. Если вы сами управляете сайтом и не хотите опуститься в рейтинге SERP, то Web Vitals должны стать частью вашей SEO-стратегии.

Вы уже можете просмотреть основные показатели Web Vitals своего сайта и начать их оптимизацию. Однако реальную актуальность эти показатели приобретут только с августа 2021 года. Google объявил, что обновление Page Experience, большой частью которого станут показатели Web Vitals, будет внедрено с середины июня. Влияние обновления, вероятно, впервые проявится примерно через два месяца. Узнайте, как вы можете подготовиться к этому уже сейчас!

С помощью Core Web Vitals Google вводит ключевые показатели, которые предоставляют операторам веб-сайтов информацию о качестве их интернет-представительств. Но основное внимание здесь уделяется не содержанию соответствующего веб-сайта. Web Vitals измеряет технические аспекты, которые влияют на пользовательский опыт. Точнее, эти показатели касаются впечатлений, которые испытывают посетители сайта в первые несколько секунд. Google определил для этого три значения:

• Largest Contentful Paint (LCP): как быстро загружается самый большой элемент.
• First Input Delay (FID): Когда пользователи могут взаимодействовать с сайтом?
• Кумулятивный сдвиг макета (Cumulative Layout Shift, CLS): В какой степени макет перемещается во время загрузки страницы?

Для Web Vitals компания Google регистрирует опыт посетителей веб-сайтов. Для этого Google оценивает данные браузера Chrome и использует их для создания отчета Chrome User Experience Report. Здесь отдельно оцениваются данные с мобильных устройств и измеренные значения с настольных ПК. В самом отчете вы также всегда найдете общую оценку, которая включает 75 процентов посещений сайта. Это важно, потому что у разных пользователей иногда бывает очень разный опыт. Но в идеале вы хотите создать свой сайт таким образом, чтобы все пользователи получили положительный опыт.

До сих пор Google ввел три различных показателя. В будущем, однако, могут быть добавлены дополнительные значения. В основном, уже существующие показатели Web Vitals сосредоточены на элементах интерактивности сайта.

Как быстро пользователь может распознать контент на сайте? Google использует LCP для измерения того, когда пользователю отображается самый большой видимый блок контента (с точки зрения визуального представления, а не объема данных). Это может быть, например, текст, изображения или видео. Поскольку самый большой элемент обычно загружается в конце и часто является основным элементом контента на странице, Google может получить очень хорошее впечатление о том, сколько времени требуется пользователям для чтения или взаимодействия с сайтом.

С помощью LCP производитель поисковых систем разработал альтернативу старым метрикам, таким как load или DOMContentLoaded. Эти метрики, как правило, предоставляют информацию скорее теоретического характера. Largest Contentful Paint, с другой стороны, гораздо больше связана с реальным пользовательским опытом. Очень похожее значение First Contentful Paint (FCP), с другой стороны, просто указывает, насколько быстро был загружен первый элемент. Во многих случаях, однако, это совершенно не имеет отношения к реальному содержанию сайта. Аналогичным образом, метрика First Meaningful Paint (FMP) в прошлом оказалась слишком сложной и подверженной ошибкам.

В качестве ориентира Google говорит, что 2,5 секунды должны охватывать все время от первого обращения к сайту до появления перед пользователями самой большой содержательной краски. Важно, чтобы это значение также распространялось на всех пользователей. Значения, которых вы как веб-мастер достигаете в тестах, могут сильно отличаться от опыта разных пользователей.

Следующие советы помогут вам улучшить значение LCP:

• Используйте фреймворк вместо большой HTML-страницы, чтобы лучше контролировать воспроизведение различных элементов на странице.
• Используйте сеть доставки контента, чтобы местоположение пользователя не влияло на доступ к серверу.
• Будьте осторожны при использовании CSS и JavaScript, следите за тем, чтобы не перегружать браузер.
• Делайте изображения меньше, чтобы уменьшить размер файлов и сократить время загрузки.
• На статических веб-сайтах кэш сервера может ускорить время доступа.
• Создавайте подключение к внешним источникам заранее, чтобы избежать узких мест.

После загрузки веб-сайта пользователи захотят взаимодействовать с ним. Задержка первого входа указывает на продолжительность времени между первым взаимодействием посетителя сайта с сайтом и ответом сайта. Это может быть, например, попытка входа в систему, но может быть и простое нажатие на ссылку. Чтобы не испортить первое впечатление, серверы должны обрабатывать вводимые данные как можно быстрее. Но скорость работы сервера — это только часть задачи по достижению хорошего показателя FID: Веб-мастера также должны учитывать браузеры пользователей. Если они заняты другими задачами, они не смогут обработать вводимые данные. Поэтому наиболее распространенным недостатком являются большие файлы JavaScript, которые долгое время занимают браузер.

Google утверждает, что с момента, когда пользователь запускает взаимодействие, до того, как изменение будет видно в браузере, должно пройти около 100 миллисекунд.

Если вы хотите улучшить показатель First Input Delay вашего сайта и обеспечить посетителям лучший опыт, вам следует рассмотреть следующие меры по оптимизации:

• Старайтесь разбивать длинные задачи на более мелкие части. Если выполняется задание JavaScript, браузер не может обрабатывать другие задания. Google считает длительными заданиями время обработки более 50 миллисекунд, поэтому их следует избегать.
• Загружайте сначала самые важные элементы взаимодействия. Таким образом, пользователи смогут действовать быстрее и им не придется ждать более длительного времени загрузки.
• Используйте так называемый веб-рабочий. Эти процессы позволяют выполнять более сложные задачи в фоновом режиме.

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

Для значения CLS Google измеряет изменения в макете страницы. Каждый раз, когда элемент неожиданно перемещается, это фиксируется. Намеренные изменения, вызванные взаимодействием с пользователем, здесь не учитываются. Google обращает внимание не только на то, сколько объектов перемещается и как часто, но и измеряет, насколько далеко перемещаются соответствующие элементы. Все это включается в показатель Cumulative Layout Shift.

Для Google значение CLS, равное 0,1, считается хорошим. Если этот показатель значительно выше, вам следует оптимизировать свой сайт. В этом могут помочь следующие параметры:

• Всегда указывайте размеры встроенных изображений в исходном коде сайта. Таким образом, браузер может уже при построении макета зарезервировать соответствующее пространство.
• Динамические объявления, размещаемые на сайте внешними провайдерами, также портят макет. В этом случае рекомендуется статически задать достаточно большое место для объявлений, чтобы избежать перемещения объектов.
• При попытке загрузить шрифты из Интернета макет иногда может неожиданно сместиться. Поэтому рекомендуется предварительно загружать шрифты.

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

Чтобы узнать больше о показателях Web Vitals своего сайта, вы можете воспользоваться, например, Google Search Console. С помощью этого онлайн-инструмента вы можете получить независимый анализ как для мобильных, так и для настольных компьютеров. Полезно знать: Поскольку основные показатели Web Vitals определяются на основе реальных данных пользователей, вам, возможно, придется немного подождать с новыми проектами, пока Google не соберет достаточно информации для полноценного анализа. Ключевые показатели также отображаются в других инструментах Google: В Google Lighthouse, Page Speed Insights и Chrome User Experience Report эти значения также интегрированы.