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.