Next.js Discord

Discord Forum

Image has priority true but LCP still happening

Unanswered
American black bear posted this in #help-forum
Open in Discord
American black bearOP
Hey everyone, recently I created a post about an issue I've been facing with the LCP as shown by the Lighthouse score. Someone helped me with this problem. However, now in my hero section, when there are some items in the carousel I'm encountering the same issue again. I've already tried everything that the documentation for next/image and optimization suggests, but I'm still experiencing the problem.
<Image src={props.item?.backgroundImage} alt="logo" priority width={330} height={415} />

2 Replies

Yucatan Vireo
Having the same issue.
Masai Lion
Need more context. Check if the image size is small enough, carousel in your hero section is not ideal for good LCP?