Які метрики використовуються для оцінки швидкості сайту?
Для оцінки швидкості і «чутливості» сайту використовують кілька ключових метрик. Вони показують, як швидко сторінка завантажується, коли користувач бачить контент і як скоро може почати взаємодіяти із сайтом.
Нижче - найважливіші й найчастіше використовувані.
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 - відчуття початку завантаження і готовності сторінки
Коротка відповідь
Для співбесідиКоротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.