Що таке largest contentful paint (LCP)?

Largest Contentful Paint (LCP) - це метрика, яка показує, коли завантажується і відображається найбільший видимий елемент на екрані. Зазвичай це заголовок, велике зображення, блок тексту, відеопревью тощо.

---

#Що враховується в LCP

• <img>
• <video> (постер)
• фонові зображення через CSS (background-image)
• великі текстові блоки (<h1>, <p> тощо)

---

#Що НЕ входить

• елементи поза viewport
• дрібні іконки, логотипи
• елементи, що з'явилися після скролу

---

#Навіщо важливий

LCP показує, коли основний контент стає доступним і видимим користувачу. Це важливіше, ніж просто "перша поява чогось" (як у FCP).

---

#Приклад

Якщо на головній сторінці LCP = 2.4 секунди, це означає, що заголовок або головне зображення повністю відмалювалися через 2.4 сек після початку завантаження.

---

#Норми (за Google)

• < 2.5 сек: добре
• 2.5-4 сек: середньо

4 сек: погано

---

#Висновок

LCP - це момент, коли користувач бачить основне, заради чого він зайшов на сторінку. Чим швидше, тим краще сприйняття сайту.