The Largest Contentful Paint (LCP) measures the loading time needed for the largest file or the largest content to display on a page. For example, you can think of a visible image, video, web text or a H1 Title.
The LCP particularly pertains to all content above the fold, but the final LCP score is only determined when the full page has loaded. A good LCP score is around 2.5 seconds. A page with an LCP score of 4 seconds or higher is considered a slow page.
The LCP score can be improved in several ways. For example, you can speed up image loading times by compressing images or uploading them in a smaller size. You can also improve server response time by using a content delivery network or improving content caching. Finally, you can CSS-minimize files or the JavaScript-place files lower down when they don't need to be displayed above the fold.
LCP is part of the three Google Core Web Vitals. The other two parts are First Input Delay en Cumulative Layout Shift.
A carefully curated guide with essential points of attention and proven steps for maximum impact.
