Появилась инструкция Google по оптимизации Core Web Vitals

Google Web.dev опубликовал инструкцию по аудиту и оптимизации Core Web Vitals. Чтобы работа была максимально эффективной, для каждого этапа предлагается определенный список вопросов и инструментов.

ABC-подход

Современный ABC-подход состоит из таких этапов, как:

  • A – оценка сайта, а также нахождение возможных проблем.
  • B – оптимизация страниц.
  • C – мониторинг и развитие сайта.

А. Оценка, а также выявление проблем

Аудиторам предлагается ответить на следующие вопросы:

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

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

В. Отладка и оптимизация

Сначала придется ответить на следующие вопросы:

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

В качестве инструментов рекомендуется использовать Lighthouse, Chrome DevTools, а также Web Vitals.

С. Мониторинг и развитие

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

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

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