Запропонувати правкуПокращити цю статтюДопрацюйте відповідь до «Які метрики використовуються для оцінки швидкості сайту?». Ваші зміни проходять модерацію перед публікацією.Потрібне підтвердженняКонтентЩо ви змінюєте🇺🇸EN🇺🇦UAПереглядЗаголовок (UA)Коротка відповідь (UA)Для оцінки швидкості і «чутливості» сайту використовують кілька ключових метрик. **Ключове:** вони показують, як швидко сторінка завантажується, коли користувач бачить контент і як скоро може почати взаємодіяти із сайтом.Показується над повною відповіддю для швидкого нагадування.Відповідь (UA)ЗображенняДля оцінки швидкості і «чутливості» сайту використовують кілька ключових метрик. Вони показують, **як швидко сторінка завантажується, коли користувач бачить контент і як скоро може почати взаємодіяти із сайтом**. Нижче - найважливіші й найчастіше використовувані. --- ## Core Web Vitals (основні метрики від Google) Це головний набір метрик, на який орієнтуються і пошукові системи, і розробники. ### **LCP (Largest Contentful Paint)** Показує, **коли на екрані з'явився найбільший видимий елемент** (картинка, банер, заголовок). - Добре: до **2.5 сек** - Погано: користувач довго бачить порожній екран або скелетон Простіше кажучи: *«Як швидко сторінка виглядає завантаженою»* --- ### **INP (Interaction to Next Paint)** Вимірює, **наскільки швидко сайт реагує на дії користувача** (клік, введення тексту). - Добре: до **200 мс** - Погано: кнопки натискаються із затримкою *«Наскільки сайт "гальмує" при взаємодії»* (Раніше замість INP використовувався FID, але зараз він вважається застарілим.) --- ### **CLS (Cumulative Layout Shift)** Показує, **наскільки сильно стрибає контент під час завантаження**. - Добре: до **0.1** - Погано: кнопки і текст зміщуються, користувач клікає не туди *«Наскільки стабільний макет сторінки»* --- ## Метрики завантаження сторінки Вони допомагають зрозуміти, **що саме відбувається під час завантаження**. ### **TTFB (Time To First Byte)** Час від запиту до отримання першого байта від сервера. - Впливають сервер, кеш, SSR - Хороший показник - до **500 мс** *«Наскільки швидко сервер відповідає»* --- ### **FCP (First Contentful Paint)** Показує, **коли на екрані з'являється перший контент** (текст, іконка, фон). *«Коли користувач розуміє, що сайт почав завантажуватися»* --- ### **TTI (Time To Interactive)** Час, коли сторінка **вже не лише видима, а й повністю готова до взаємодії**. *«Коли сайтом реально можна користуватися без лагів»* --- ## Чому ці метрики важливі - Впливають на **сприйняття швидкості** користувачем - Пов'язані із **SEO і ранжуванням** - Допомагають зрозуміти, **де саме вузьке місце**: сервер, JS, стилі, картинки --- ## Коротко - **LCP** - як швидко з'являється основний контент - **INP** - наскільки швидко сайт реагує - **CLS** - чи стрибає інтерфейс - **TTFB** - швидкість відповіді сервера - **FCP / TTI** - відчуття початку завантаження і готовності сторінкиДля рев’юераПримітка для модератора (необов’язково)Бачить лише модератор. Прискорює рев’ю.