Что такое Web Vitals?

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

• LCP измеряет, как быстро пользователь видит основной контент (например, заголовок или изображение). Хороший показатель — меньше 2.5 секунд.

• FID показывает, насколько быстро сайт реагирует на клики или нажатия. Оптимальное значение — меньше 100 мс.

• CLS оценивает стабильность верстки. Если элементы прыгают при загрузке (например, из-за медленно подгружающихся рекламных баннеров), CLS ухудшается.

Пример измерения в JavaScript:

import {getCLS, getFID, getLCP} from 'web-vitals';  

getCLS(console.log);  
getFID(console.log);  
getLCP(console.log);