LCP (Largest Contentful Paint)

Definition

Largest Contentful Paint measures how long it takes for the largest visible content element in the viewport to finish rendering.

By Vinespire Editorial Team, Editorial ·

See our sourcing methodology →

TechnicalAI search glossary

This term is part of the full AI search glossary.

Full definition

LCP typically tracks a hero image, video poster, or large text block. A good LCP means users see the main content of the page quickly. Common causes of poor LCP include slow servers, render-blocking CSS, unoptimized images, and client-side rendering that delays HTML text.

Improving LCP often involves CDN delivery, properly sized modern images, prioritizing the LCP element, and reducing critical-path bytes. It is one of the three Core Web Vitals.

For content sites feeding AI retrieval, fast LCP correlates with healthy hosting and simpler delivery of the primary article body. See Core Web Vitals and Render-Blocking Resources.

Example

A blog’s LCP element is the featured JPEG; compressing it, setting explicit dimensions, and preloading the image file drops LCP under the “good” threshold on mobile.

← All glossary terms