LCP (Найбільше вмістовне малювання) — це метрика Core Web Vitals, яка вимірює час від навігації на сторінці до моменту, коли найбільший видимий елемент вмісту з'являється на екрані.
"Найбільший вмістовний елемент" визначається автоматично браузером; на більшості сторінок електронної комерції це героїчне зображення на головній, PLP або PDP, або H1 на сторінці блогу/статті. Пороги 2026 року: ≤ 2.5с добре, ≤ 4.0с потребує покращення, > 4.0с погано.
Звичайні виправлення LCP для електронної комерції: попереднє завантаження зображення LCP за допомогою <link rel="preload" as="image" fetchpriority="high">, використання сучасних форматів (AVIF/WebP), застосування priority на компонентах зображень Next.js, рендеринг сторінки на сервері (або потокове передавання з краю), вбудовування критичного CSS та уникнення відкладеного завантаження зображення LCP.
LCP сильно залежить від умов мережі та продуктивності CDN. Рендеринг на краю (TTFB ≤ 100ms) встановлює структурний мінімум, якого не можуть досягти монолітні сайти з рендерингом на походженні.