LCP (Largest Contentful Paint)

LCP marks the moment the main content — usually a hero image, video poster, or big block of text — finishes rendering, which is roughly when the page feels usable. A slow TTFB, render-blocking CSS and JavaScript, and unoptimized images are the top offenders, and lazy-loading the LCP element itself is a common self-inflicted wound. Preload the hero image, serve it in a modern format like WebP or AVIF, and keep the critical rendering path lean to hit the target.