Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Що робить Web Vitals?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)**Web Vitals** - це набір ключових метрик від Google, які вимірюють якість користувацького досвіду на сайті: наскільки швидко, стабільно і відзивчиво працює сторінка з погляду реального користувача. **Ключове:** Web Vitals - це мінімальний обов'язковий набір метрик, за якими Google (і користувач) оцінює, наскільки сайт швидкий, відзивчивий і не дратує.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)Зображення**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 (і користувач) оцінює, наскільки сайт швидкий, відзивчивий і не дратує.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.