# LCP (Largest Contentful Paint)

> The moment the biggest piece of content in the viewport finishes rendering — in practice, when the page looks loaded.

It is almost always a hero image, a heading or a video poster, and it is the metric most directly tied to whether somebody stays. The useful property is that it points at one specific element, so the investigation has a subject: find out which element it is, then find out why that element is late.

The causes are a short list. The image is too large or in the wrong format; it is discovered late because it is behind JavaScript or a CSS background rather than in the HTML; a font or a script is blocking the render; or the server took too long to send the first byte. Almost every real LCP problem is one of those four, and the order they are checked in should follow that.

## Related terms

- https://dfieldsolutions.com/en/glossary/core-web-vitals.md
- https://dfieldsolutions.com/en/glossary/static-generation.md
- https://dfieldsolutions.com/en/glossary/hydration.md

---

Source: https://dfieldsolutions.com/en/glossary/lcp
DField Solutions — Dunakeszi, Hungary — dezso@dfieldsolutions.com
Booking: see https://dfieldsolutions.com/en/contact