Definition

What Is LCP (Largest Contentful Paint)?

A Core Web Vital that measures the time until the largest visible content element (image or text block) renders in the viewport. Google recommends under 2.5 seconds.

Related Terms

Core Web Vitals

Page Speed

CLS

INP

Above the Fold

Example

A homepage hero image is often the LCP element; preloading it and using next-gen formats (WebP/AVIF) reduces LCP to under 1.5 seconds.

According to Google's research, sites that improve LCP from 'Poor' to 'Good' see an average 24% reduction in bounce rate — demonstrating the direct link between loading performance and user engagement.

Synonyms:

Largest Contentful Paint

Acronyms:

LCP

What it applies to

Every public page on a website — but especially homepages, landing pages, and high-traffic entry pages where the LCP element is most commonly a large hero image or headline.

How to identify your LCP element

  • Open Chrome DevTools → Performance tab → run a recording. The LCP element is highlighted in the performance timeline.
  • Or run Google PageSpeed Insights on any URL — it identifies the LCP element in the Diagnostics section with a screenshot.
  • Common LCP elements: hero background image, hero foreground image, the H1 heading text block, or a large above-the-fold banner.

How to improve LCP

  • Preload the LCP image: Add <link rel="preload" as="image" href="/hero.webp"> to the page <head> — this instructs the browser to fetch it before it encounters the image in the HTML.
  • Use modern image formats: WebP and AVIF are 25–50% smaller than JPEG/PNG at equivalent quality. Webflow serves WebP automatically.
  • Use a CDN: Serving the LCP image from a geographically closer server node reduces the fetch time for all users.
  • Eliminate render-blocking resources: JavaScript and CSS that block the main thread delay LCP. Defer non-critical scripts and inline critical CSS.
  • Set explicit dimensions: Always set width and height on images — this reserves space in the layout and prevents LCP from being delayed by dimension calculation.

LCP: Common Questions Answered

Question

Answer