lcp is red on mobile only. could the main headline be the issue?

Solvedcore-web-vitalsimageslcp2 replies 路 169 views 路 started

Accepted solution

by Jonas W.Jump to the reply

been there man never lazy-load the LCP image. loading="lazy" on an above-teh-fold image delays teh request until layout, which pushes LCP back. remove it from the hero image and keep lazy loading for images further down the page. worked for me anyway 馃し

  1. ok so i did everything teh optimization guides recommended, including a redesgin. The result:

    LCP is worse than before, and teh report points at the main headline. It feels like teh optimization made things slower. Is that possible? Id like to keep teh benefits of teh change if I can, but I clearly need to handle teh main headline differently. Id appreciate tips that dont involve throwing away teh whole change.

    2
  2. Accepted solution

    been there man never lazy-load the LCP image. loading="lazy" on an above-teh-fold image delays teh request until layout, which pushes LCP back. remove it from the hero image and keep lazy loading for images further down the page. worked for me anyway 馃し

    8 7 helpful
  3. hmm idk preload is powerful but easy to overuse. Preload too many things and youre back to everything competing. Pick one LCP resource and stop there.

    12 0 helpful

Reply to this topic

Sign in or create an account to reply.