Detailed definition
The loading metric of Core Web Vitals. It measures when the largest content element visible on screen (usually the hero image, a video poster or the h1) is rendered. To improve it: compress images (WebP/AVIF), preload the LCP image, use a CDN, reduce server response time and inline critical CSS. Images outside the viewport are lazy loaded; the LCP image itself is not.
Examples
- Using a 200 KB WebP in the hero instead of a 2 MB JPEG can shorten LCP noticeably.
Related terms
Would you like support with this?
If you would like to discuss how LCP (Largest Contentful Paint) applies to your business, we can arrange a short initial call. The first 30-minute call is free.
Book a free initial call → +90 543 930 12 72