Що робить Web Vitals?

Web Vitals - це набір ключових метрик від Google, які вимірюють якість користувацького досвіду на сайті. Вони показують, наскільки швидко, стабільно і відзивчиво працює сторінка з погляду реального користувача.

---

#Основні метрики Web Vitals:

1. LCP (Largest Contentful Paint)

• коли завантажується найбільший видимий елемент
• відображає: швидкість відображення основного контенту
• норма: < 2.5 сек

2. FID (First Input Delay)

• затримка між першою дією користувача і реакцією сторінки
• відображає: відзивчивість інтерфейсу
• норма: < 100 мс

3. CLS (Cumulative Layout Shift)

• сума всіх неочікуваних зсувів елементів під час завантаження
• відображає: візуальну стабільність
• норма: < 0.1

---

#Додаткові (розширені) метрики:

• FCP (First Contentful Paint): коли з'являється перший контент
• TTFB (Time To First Byte): коли приходить перший байт відповіді від сервера
• INP (Interaction to Next Paint): заміна FID з точнішим вимірюванням взаємодії

---

#Що робить Web Vitals на практиці:

• Вимірює ключові UX-метрики на реальних пристроях (через браузер)
• Передає їх в аналітику (наприклад, у Google Analytics, BigQuery тощо)
• Допомагає визначити, де сайт гальмує в реальності, а не тільки в синтетичних тестах
• Слугує основою для оцінки в Lighthouse, PageSpeed Insights і Chrome UX Report (CrUX)

---

Висновок: Web Vitals - це мінімальний обов'язковий набір метрик, за якими Google (і користувач) оцінює, наскільки сайт швидкий, відзивчивий і не дратує.