LCP Images the Browser Cannot Discover, and the Preload Fix
Why some hero images start loading a second late: CSS backgrounds, JavaScript-inserted images, lazy loading on the wrong element. See the delay and fix it.
Writing
LCP: what we have had to fix
3 write-ups from production, newest first. Each one is a problem hit on a real project and how it was diagnosed and fixed.
LCP Regression After Cloudflare Polish WebP on Next.js
LCP doubled after enabling Cloudflare Polish on a Next.js site? Here is why double-encoding hurts and the bypass rule that brings LCP back under 2 seconds.
LCP CSS Background Image Not Discovered by Browser Fix
Your hero background image is the LCP but the browser only finds it after CSSOM parsing? Why fetchpriority does not help, and the preload that does.