Как подготовить сайт к Core Web Vitals
Что такое Core Web Vitals?
Core Web Vitals (Кор веб вайтлс) — это набор показателей, используемых для измерения загрузки, интерактивности и стабильности сайта. Все три показателя так или иначе связаны со скоростью сайта , что очень важно как для поисковых систем, так и для пользователей.
Анонс Core Web Vitals от Google
В мае 2020 года Google объявил, что Core Web Vitals станет частью алгоритмов Google в 2021 году , с оговоркой для оптимизаторов, что «нет необходимости немедленно принимать меры».
В ноябре 2020 года Google сообщил, что обновление вступит в силу в мае 2021 года , поэтому для владельцев сайтов и специалистов по поисковой оптимизации по всему миру настало время принимать меры.
Важная особенность Core Web Vitals в том, что Google предоставил точные показатели, которые можно измерить и улучшить, и сообщил дату (май 2021 года), когда это обновление вступит в силу.
Это указывает на то, что Page Experience , безусловно, будет важным обновлением, к которому мы действительно можем подготовиться, если сделать процесс аудита подробным и точным.
Показатели Core Web Vitals
Ниже Гугл представил показатели, которые необходимо проанализировать в ходе оптимизации сайта под Core Web Vitals:
Largest Contentful Paint (LCP) — измеряет производительность загрузки (сколько времени требуется для загрузки самого большого элемента в области просмотра).
Чтобы обеспечить удобство работы пользователя, LCP должна срабатывать в течение 2,5 секунд после первой загрузки страницы и не позже 4 секунд; это поможет избежать низкой оценки.
First Input Delay (FID) измеряет интерактивность (сколько времени требуется сайту для ответа, когда пользователь куда-то нажимает).
Чтобы обеспечить удобство работы пользователя, страницы в идеале должны иметь FID менее 100 миллисекунд и не более 300 миллисекунд, иначе сайт заслужит низкую оценку. В процессе аудита, подробно описанном ниже, мы используем аналогичную оценку «Общее время блокировки (TBT)»
Cumulative Layout Shift (CLS) измеряет визуальную стабильность ( смещается ли страница по мере того, как пользователь прокручивает содержимое) .
Чтобы обеспечить удобство работы пользователей, страницы в идеале должны поддерживать CLS ниже 0,1 и не превышать значения 0,25.
Этот аудит фокусируется на показателях с низкой оценкой « POOR » , поскольку они будут основными приоритетными областями, но вы также можете скорректировать его, включив в него среднее значение « NEEDS IMPROVEMENT ». Итак, теперь, когда мы обозначили объект проверки, давайте перейдем к самому процессу аудита.
Core Web Vitals аудит сайта с помощью Screaming Frog
Недостаточно знать, что такое Core Web Vitals. Поиск способа проверки и постановки ТЗ клиенту для исправления проблем, связанных с Core Web Vitals — вот основная проблема, с которой столкнулись оптимизаторы.
Процесс аудита предназначен для предоставления реальных деталей, примеров и данных, с которыми можно работать при решении проблем Core Web Vitals.
Для начала аудита вам потребуется:
- Платная версия поискового робота Screaming Frog;
- Ключ API PageSpeed Insights (который можно получить на этой странице документации Google PageSpeed Insights );
- Домен сайта.
Шаг 1. Подключаем ключ API PageSpeed Insights к Screaming Frog
Вам нужно подключить ключ API PageSpeed Insights в Screaming Frog. Это позволит вам получить доступ к данным и рекомендациям PageSpeed Insights для каждой страницы. У PageSpeed Insights есть лимиты — около 25 000 в день, которых должно хватить для небольших сайтов, а для более крупных проектов вы сможете реплицировать информацию, полученную с других типовых страниц.
- Скопируйте ключ API PageSpeed Insights и вставьте в Screaming Frog . Перейдите в Конфигурация —> Доступ к API —> PageSpeed Insights;
- Вставьте свой ключ API в поле «Секретный ключ»;
- Нажмите «Подключиться».
После подключения нажмите « Metrics ». Здесь вы определите метрики, которые будут отображаться при сканировании. Для целей этого аудита я выбираю «Все группы показателей», но вы можете выбрать только те, по которым хотите составить отчет, и нажать «ОК».
Доступны следующие группы показателей:
- Overview — предоставляет общую обзорную информацию для страницы, такую как размер страницы и потенциальная экономия нагрузки для страницы.
- CrUX Metrics — данные из отчета пользователей гугл хром. Если данные поля от реальных, включенных пользователей доступны, они появятся здесь.
- Lighthouse Metrics — отсюда берется большинство данных, которые мы используем в ходе аудита, включая оценки LCP, TBT и CLS.
- Opportunities — предоставляет советы по улучшению скорости для каждой страницы.
- Diagnostics — предоставляет дополнительную информацию об общей производительности сканируемого сайта.
Читать статью полностью: https://www.rush-analytics.ru/blog/kak-podgotovit-sayt-k-core-web-vitals
