Performance
LCP (Largest Contentful Paint)
A Core Web Vital that measures when the largest content element on a page becomes visible.
Largest Contentful Paint (LCP) is a Core Web Vital that focuses on loading speed. Specifically, it measures the time from when the page starts loading to when the largest image or text block within the viewport is fully rendered.
What is a Good LCP Score?
Google recommends that pages should strive to have an LCP of 2.5 seconds or less for at least 75% of page visits.
Factors Affecting LCP
- Slow server response times: High TTFB will delay the start of the render.
- Render-blocking JavaScript and CSS: Scripts and styles that prevent the browser from drawing pixels until they are loaded.
- Resource load times: Large images or unoptimized video files.
- Client-side rendering: Relying too heavily on JavaScript to build the page in the browser.