Bajorat Media
What is Largest Contentful Paint (LCP)?
Largest Contentful Paint measures how quickly the largest visible content element loads. This article explains thresholds, causes and optimization.
Largest Contentful Paint (LCP) measures how quickly the largest visible content element of a web page is rendered in the browser. This is often a large hero image, a headline area, a text block or another central element in the first visible section of the page.
Which LCP values are considered good?
LCP is one of the Core Web Vitals and has clear guideline thresholds. An LCP of up to 2.5 seconds is considered good. Between 2.5 and 4 seconds, improvement is recommended. Values above 4 seconds are considered poor.
Context matters. A single test run says little when users visit a page with different devices, connections and browsers. Google typically evaluates Core Web Vitals data using the 75th percentile. In simple terms, the page should load fast enough for the majority of visitors.
What slows down Largest Contentful Paint?
LCP problems often start in the top section of the page. Large, uncompressed hero images are a classic cause. Slow server responses, render-blocking CSS, late-loading web fonts and JavaScript that keeps the main thread busy can also delay the largest visible element.
WordPress websites often add further factors: page builder output, many plugin assets, external tracking scripts or themes that load the same heavy resources on every page. LCP is then not just an image issue, but a symptom of a heavy delivery path.
A common mistake is to look only at the file size of the largest image. What matters is the full chain until the element is visible: server response, HTML, CSS, image priority, format, dimensions and browser work. Even an optimized image can appear late if it is only discovered after several scripts.
How can LCP be improved?
The first step is to identify the actual LCP element. PageSpeed Insights and Chrome DevTools show which element was counted as LCP in a test. Then prioritization matters: the most important element in the visible area should load early, in a compressed format and without unnecessary detours.
Typical measures include:
- deliver hero images in the right size and modern format
- avoid lazy loading for the LCP image
- check server response time and caching
- prioritize critical CSS
- reduce unnecessary scripts in the page head
LCP should always be considered together with Interaction to Next Paint (INP) and Cumulative Layout Shift (CLS). A page can appear quickly, but then react slowly to input or feel unstable because elements load afterwards.
For companies, LCP is especially relevant on homepages, landing pages, product pages and contact flows. There, the first impression influences whether users continue reading or leave. Targeted performance optimization therefore often starts in the visible entry area. The technical background is described by web.dev in its article on Largest Contentful Paint.