<b>How to find which element is your LCP</b>

<b>How to find which element is your LCP</b>

LCP — Largest Contentful Paint — is the moment the biggest thing on screen finishes loading. But Google picks that element for you, and it's often not the one you'd guess. Until you know <i>which</i> element it is, you're fixing blind.

Here's how to find it:
— Open Chrome DevTools (right-click, Inspect)
— Click the <b>Performance</b> tab, then the reload icon
— In the timeline, find the <code>LCP</code> marker
— Click it — the matching element highlights on the page

Nine times out of ten it's a hero image, a headline, or a big background. Once you know, you know exactly what to speed up.

<b>Try this:</b> Run it on your homepage and your slowest blog post. Often they have different LCP elements, which means different fixes. This one's easier than it sounds.