The LCP element is usually a hero image, a video poster or a large headline. The clock starts when the visitor begins loading the page and stops when that element is painted, so LCP captures server response, downloads and rendering together.

A good LCP is 2.5 seconds or less at the 75th percentile of visits, on mobile and desktop alike (web.dev). Slow scores usually come from a slow server response, render-blocking CSS and JavaScript, a hero image that is oversized or discovered late, or web fonts that hold back text.

To fix it, serve the hero image at the right size in a modern format and mark it as high priority (never lazy-load it), cut or defer render-blocking resources, and reduce Time to First Byte with caching or static pages. Check field data in Search Console or PageSpeed Insights, because a lab test on a fast connection can hide the problem.

Updated

YOUR NEXT CHAPTER

Tell us what you're building.

A few lines about the idea, the business and what is getting in the way.

DISCUSS YOUR PROJECT
Good work starts with a conversation.No brief needed. A few lines are enough.