Glossary · Web

What is
LCP (Largest Contentful Paint)?

Core Web Vital measuring how fast the largest visible element loads — should be under 2.5s.

← Glossary
By Anish· Founder · Vedwix
·

Definition

LCP measures the time from navigation start to when the largest visible element (image, hero text block, video poster) is rendered. It's a strong proxy for perceived load speed. Optimizations: image optimization, preloading critical assets, font strategy, reducing JS payload, using a CDN.

Example

A page with a 3MB hero image had 4.5s LCP; converting to AVIF and adding preload dropped it to 1.6s.

How Vedwix uses LCP (Largest Contentful Paint) in client work

We hit "Good" LCP (under 2.5s on mobile real-user data) before launch.

Building with LCP (Largest Contentful Paint)?

We ship this.

If you're building with LCP (Largest Contentful Paint) in production, we can help — from architecture review to full implementation.

Brief us
Related terms
Core Web VitalsGoogle's page experience metricsINP (Interaction to Next Paint)Core Web Vital (since March 2024) measuring responsiveness — should be under 200ms.CLS (Cumulative Layout Shift)Core Web Vital measuring unexpected layout shifts during page load — should be under 0.1.
More Web terms
StorybookWebServer-Side Rendering (SSR)WebStatic Site Generation (SSG)WebIncremental Static Regeneration (ISR)WebEdge RenderingWebCDNWeb

Working on a LCP (Largest Contentful Paint) project?

Brief Vedwix in three sentences or fewer.

Start a project