Руководство по оптимизации Core Web Vitals от Google

0 7

Команда Google Web.dev опубликовала базовую инструкцию по аудиту и оптимизации основных интернет-показателей сайта (Core Web Vitals).

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

  • Отладка и оптимизация страниц сайта
    • Рекомендуемые инструменты:
  • Мониторинг и постоянное развитие
    • Рекомендуемые инструменты:
  • Оптимальный подход к оптимизации Core Web Vitals

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

    • оценка здоровья сайта и определение имеющихся проблем;
    • отладка и оптимизация страниц сайта;
    • мониторинг и постоянное развитие.

    Руководство по оптимизации Core Web Vitals от Google

    Давайте рассмотрим каждый из них более подробно.

    Оценка здоровья сайта и определение имеющихся проблем

    Специалистам, осуществляющим соответствующий аудит, необходимо ответить на следующие вопросы:

    • Какова текущая производительность сайта и что именно требует первостепенного внимания?
    • В последнее время ситуация по сайту улучшилась или наоборот ухудшилась?
    • Какие страницы, пользовательские устройства и показатели должны иметь наивысший приоритет?

    Рекомендуемые инструменты:

    • Google PageSpeed Insights – данный инструмент необходимо использовать для объективизации оценки пользовательского опыта на конкретных страницах сайта. С его помощью разработчики могут сравнить отдельные показатели, и, исходя из этого, сформировать список приоритетных страниц сайта, которым необходима оптимизация.

    Успешно завершив соответствующее исследование, можно будет перейти к следующему этапу аудита.

    Отладка и оптимизация страниц сайта

    Изменение границ Core Web Vitals в Google Search Console

    В первую очередь необходимо ответить на следующие вопросы:

    • Как лучше всего оптимизировать страницы сайта?
    • Какие проблемы необходимо устранить в первую очередь?
    • Какие исправления потребуют дальнейшего планирования?

    Рекомендуемые инструменты:

    • Google Lighthouse

    Это тот же инструмент, который используется в PageSpeed Insights, но при этом он также доступен в Chrome DevTools и на сайте web.dev. С помощью Google Lighthouse можно определить, какие именно изменения можно внести в работу сайта, чтобы улучшить пользовательский опыт.

    В целом Google Lighthouse – это инструмент, предназначенный для определения более мелких оптимизаций до перехода к более продвинутым решениям.

    • Расширение Web Vitals

    Этот инструмент выполняет измерения во время взаимодействия со страницей, а также охватывает FID и CLS.

    • Chrome DevTools

    С помощью данного инструмента можно в режиме реального времени наблюдать за влиянием смещений макета, удалять неиспользуемый код, а также тестировать всевозможные изменения кода.

    Обратите внимание! При внесении каких-либо изменений рекомендуется повторить оптимизацию, начиная с самого первого этапа, чтобы максимально достоверно измерить влияние реализованных обновлений.

    Мониторинг и постоянное развитие

    После определения и внедрения всех нужных оптимизаций важно продолжать отслеживать эффективность и при необходимости вносить дальнейшие изменения.

    Согласно результатам исследований, специально проведенных корпорацией Google, большинство сайтов, которые улучшают производительность, в течение шести последующих месяцев начинают наблюдать определенный спад.

    Для того избежать подобного падения необходимо предельно внимательно следить за показателями и оперативно реагировать на их возможное ухудшение.

    Рекомендуемые инструменты:

    • CrUX через BigQuery
    • CrUX API
    • PageSpeed Insights API
    • Web-vitals.js
    • Lighthouse-CI

    По мнению специалистов Google, опубликованная стратегия позволит определить узкие места и действительно оптимизировать Core Web Vitals, а также спланировать дальнейшие действия, необходимые для обеспечения стабильно высокой производительности сайта.

    Источник: www.internet-technologies.ru

    Оставьте ответ

    Ваш электронный адрес не будет опубликован.