Largest Contentful Paint (LCP) — це метрика швидкості з набору Core Web Vitals, яка вимірює час від початку завантаження сторінки до моменту, коли на екрані відмалювався найбільший видимий елемент (зазвичай головне зображення, банер чи великий блок тексту). Хорошим вважається LCP до 2.5 секунди.
Простими словами: LCP відповідає на просте запитання користувача — «коли вже з’явиться головне?». Не перший піксель, а саме основний контент, заради якого людина й відкрила сторінку.
Що таке LCP і навіщо він потрібен
LCP — одна з трьох метрик Core Web Vitals, які Google з 2020 року використовує як сигнали зручності сторінки (Page Experience). Вона показує сприйняту швидкість: як швидко користувач бачить основний контент, а не абстрактне «завантаження завершено». Повільний LCP — це коли людина дивиться на порожній чи напівпорожній екран і встигає передумати залишатися.
Google оцінює LCP за 75-м перцентилем реальних візитів (польові дані), тому орієнтуватися треба на досвід більшості користувачів, а не на один «чистий» тест. Поріг «добре» — до 2.5 секунди.
Яке значення вважається хорошим
| Оцінка | LCP |
|---|---|
| Добре | до 2.5 с |
| Потребує покращення | 2.5–4.0 с |
| Погано | понад 4.0 с |
Як покращити LCP
- Оптимізувати головне зображення: сучасний формат (WebP/AVIF), правильний розмір,
preload. - Прискорити сервер і відповідь (TTFB), підключити кеш і CDN.
- Прибрати render-blocking CSS та JS, що затримують відмальовку.
- Не ставити lazy-load на сам LCP-елемент — інакше він вантажиться останнім.
Приклад
На сторінці товару найбільший елемент — головне фото. Якщо воно важить 3 МБ і вантажиться 6 секунд, LCP = 6 с (погано). Стискаємо до WebP ~200 КБ і додаємо preload — LCP падає приблизно до 2 секунд, у «зелену» зону.
Часто плутають з…
- FCP — перша відмальовка будь-якого контенту; LCP — саме найбільшого видимого елемента.
- TTFB — час до першого байта від сервера; це складова LCP, а не він сам.
- Загальна швидкість завантаження — LCP оцінює тільки момент появи головного елемента.
Питання та відповіді
Скільки має бути LCP?
До 2.5 секунди для 75% візитів — це «добре». Від 2.5 до 4 секунд — потребує покращення, понад 4 — погано.
LCP впливає на позиції в Google?
Так, це частина Core Web Vitals і сигналів Page Experience. Це не головний фактор ранжування, але за інших рівних краща швидкість дає перевагу.
Чим виміряти LCP?
PageSpeed Insights, звіт Core Web Vitals у Google Search Console, Lighthouse і дані CrUX за реальними користувачами.
Сторінки вантажаться повільно і «червонять» у Core Web Vitals? Знайдемо причини й складемо план у межах SEO-аудиту та виправлення помилок на сайті.
Схожі терміни: Core Web Vitals, FCP, PageSpeed, Адаптивний дизайн.
