LCP image downloading way late - first byte 8337 ms

Web Performance Discuss Test Results
1

My LCP image has a first byte of 8337 ms and was downloaded way after other lower priority images. See screenshot:

Does anyone have any idea why?

2

Most likely due to the Loading=“lazy” attribute added by WordPress on all websites by default or maybe your LCP is a Background image as you can see background images are usually loaded after CSS is downloaded.

Debug and fix it-

  1. Remove unused CSS: removing stylesheets that are not in use can also improve LCP.
  2. Delay or Remove unused JS: Delaying non-essentials or non-critical JS and loading it after user interaction
  3. Preload Feature image itself.
  4. Loading=“eager” attribute will also help