Core Web Vitals от Google – к чему готовить свои сайты в 2021 году

В этом году для владельцев сайтов поисковики приготовили сюрпризы в виде новых правил ранжирования. Яндекс подбросил новый алгоритм Yati, который будет определять смысл текстов и понизит влияние обычных SEO-методов. А Google запустит свой фильтр Core Web Vitals, который будет оценивать сайты по новым правилам. Вот о нём и пойдёт речь.

На самом деле новинка представляет собой даже не фильтр, а новые правила ранжирования. То есть это некие параметры, по которым будут оцениваться все сайты, и подходящие под них будут получать более высокие позиции в поиске, а другие – понижаться. Поэтому, если вы хотите продвигаться в Google, то обязательно должны с этими правилами познакомиться и приспособить свой сайт под них. Иначе рискуете просесть по позициям.

Кстати, правила Core Web Vitals были анонсированы еще в мае 2020 года, но пока они не работают. Это было сделано с целью дать время владельцам сайтов привести их в порядок. Запуск же планируется уже в мае 2021 года, и с этого момента можно будет заметить изменения. Так что, если вы ещё не занялись адаптацией своего сайта, то пора это сделать – времени осталось немного.

А теперь давайте посмотрим, что именно требуют от нас правила Core Web Vitals.

Что требует Core Web Vitals

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

Вы можете сказать, что это и раньше требовалось. Да, но это было скорее рекомендацией и особо на позиции не влияло, если сам контент на сайте был годным. Но теперь это вынесено в отдельный фильтр, и станет более важным требованием, которое напрямую будет влиять на позиции. То есть, не уделяя внимания скорости загрузки, продвинуться в Google станет гораздо сложнее.

К счастью, поисковик предоставляет все инструменты, которые помогут выявить проблемы и даже подскажут, как их устранить. В первую очередь это сервис PageSpeed Insights, который тестирует сайт на скорость загрузки и выдаёт рекомендации. В Google уверяют, что к маю 2021 года в этом сервисе будут внесены изменения под новые правила, и он станет более информативным и полезным.

Также рекомендации по улучшениям можно получить в Google Search Console, куда вы наверняка добавили свой сайт. Это аналог Яндекс Вебмастера, где можно видеть различную статистику, в том числе по медленным страницам.

Ещё один способ получить нужную информацию – добавить в браузер Chrome расширение Web Vitals Extension. При посещении сайта оно проводит его анализ и выводит основные показатели, о которых речь идёт дальше.

В целом же, правила Core Web Vitals направлены на 3 параметра сайта и его отдельных страниц:

• LCP – Largest Contentful Paint – это время загрузки и отрисовки самой большой части сайта на первом видимом экране.
• FID – First Input Delay – время отзывчивости сайта.
• CLS – Cumulative Layout Shift – степень стабильности контента.

Всё это, конечно, может быть непонятно, поэтому давайте посмотрим поближе и разберёмся, что означает каждый пункт и какие требования есть по каждому из них. Кстати, все их также показывает сервис PageSpeed Insights и там их можно замерить.

Время загрузки самой большой части

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

В основном это время тратится на загрузку самого большого элемента, который есть в этой части страницы – картинки, фонового видеоролика, и прочего, что многие любят размещать на самом верху. Поэтому, чем больше таких элементов и чем они «тяжелее», тем медленнее загружается страница и тем хуже показатель LCP.

По новым правилам время загрузки будет хорошим, если укладывается в пределах 2.5 секунд.

Время отзывчивости

Этот параметр означает время до появления отзывчивости загруженной страницы. То есть, если на ней появилась кнопка или ссылка, то при клике по ним должно произойти некое действие – появление модального окна или переход куда-либо.

Это срабатывает не сразу, а только после того, когда браузер выведет основной контент и подгрузит некоторые части сайта, которые обеспечивают этот функционал, например, скриптов.

Этот показатель должен укладываться в пределах 100 миллисекунд, чтобы считаться хорошим.

Стабильность контента

Когда страница загружается и браузер начинает выводить её на экран, некоторые её части могут появиться не сразу, а другие перескакивать на разные места. Дело в том, что сначала загружается основная разметка, а потом стили, которые определяют, как должен выглядеть каждый элемент и где он должен располагаться. К тому же, в это время загружаются разные скрипты, которые могут срабатывать по мере загрузки.

Поэтому, пока этот процесс не завершён, страница считается нестабильной – вы можете кликнуть по кнопке, а она в этот момент перескочит на другое место, и вы попадёте, например, по какой-нибудь другой ссылке или рекламному блоку.

Время, которое проходит от начала загрузки страницы, до момента, когда контент на ней перестаёт меняться и выводится в том виде, в каком и задумано, и есть параметр стабильности CLS.

Нормальным показателем будет цифра меньше 0.1 секунды.

Что делать, чтобы оптимизировать сайт под требования Core Web Vitals

Наверное, вы уже поняли, что теперь ваша задача – привести свои показатели по скорости загрузки сайта в норму. При этом нужно уделять особое внимание именно перечисленным выше временным интервалам, а не только общему результату.

Как это сделать – отдельный вопрос, на который нет универсального ответа, потому что все сайты разные. В целом, нужно заниматься оптимизацией контента и всех элементов сайта – уменьшать количество тяжеловесных изображений и видео, убирать лишние компоненты, которые только замедляют загрузку, но не несут реальной пользы. Излишние украшения, анимации – всё это зачастую можно убрать без всякого вреда.

На самом деле, сделать можно многое, и значительно ускорить загрузку сайта. И начинать нужно уже сейчас – до мая осталось немного времени. Конечно, для этого не у всех владельцев сайтов хватит квалификации, ведь придётся выполнять самую разную работу, в том числе с кодом. Поэтому, если у вас возникают такие сложности, то вы всегда можете обратиться в нашу веб-студию и получить помощь.