Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Чому важливо збирати метрики на клієнті?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Тому що все, що відбувається **у користувача в браузері**, не видно серверу. А саме там і ховаються справжні проблеми. **Ключове:** метрики Web Vitals (Largest Contentful Paint, First Input Delay, Cumulative Layout Shift) вимірюються лише на клієнті, бо відображають візуальний і інтерактивний досвід.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняТому що все, що відбувається у користувача в браузері, не видно серверу. А саме там і ховаються справжні проблеми. Ось чому це важливо: ### **1. Реальний час завантаження** Сервер може бути швидким, але якщо в користувача слабкий пристрій, повільний інтернет чи биті ресурси - сторінка гальмує. Лише клієнт покаже це. ### **2. Помилки, яких сервер не бачить** JS-крах, зламана кнопка, баг у рендері - усе це не доходить до сервера. А в користувача - білий екран. Без клієнтської метрики ти про це не дізнаєшся. ### **3. Сприйняття користувача ≠ технічні метрики** Час до першого байта (TTFB) - швидкий. Але інтерфейс з'являється через 5 секунд? Користувач уже пішов. Клієнт збирає **пережиту продуктивність** - як це відчувається, а не як працює з погляду заліза. ### **4. Девайси, браузери, мережі** Користувач може бути на старому Android чи в Safari 12. Сервер цього не знає. Клієнт - знає. Метрики з клієнта покажуть, у кого реально все гальмує. ### **5. Web Vitals** Метрики на кшталт **Largest Contentful Paint**, **First Input Delay**, **Cumulative Layout Shift** - усі вони вимірюються лише **на клієнті**, бо відображають візуальний і інтерактивний досвід. ### **Висновок** Клієнт - це правда. Сервер - теорія. Метрики з клієнта показують, як застосунок відчувається по той бік екрана. Без них - ти працюєш наосліп.Для рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.