Как анализировать Core Web Vitals в режиме реального времени?

Google официально заявил о метриках CWV как о прямых факторах ранжирования. Это значит, что необходимо анализировать и улучшать каждую из метрик.

Проблема в том, что из коробки в том же GA показатели не проанализировать, а в режиме реального времени и подавно, но решение есть.

Чтобы отслеживать CWV, добавьте официальный скрипт перед закрывающимся тегом </body>:

<script type="module">
import {getCLS, getFID, getLCP} from 'https://unpkg.com/web-vitals?module';

getCLS(console.log);
getFID(console.log);
getLCP(console.log);
</script>

После чего настройте инструменты разработчика и отправьте данные в GA по инструкции от Google: https://developers.google.com/codelabs/chrome-web-vitals-js#

Profit ?

P.S. В блоге screamingfrog на днях вышел замечательный мастрид о том, как аудировать и улучшать показатели CWV с помощью моего любимого лягушонка ?

Источник: телеграм-канал SEO-специалист