if I add lazy load it says "Largest Contentful Paint image was lazily loaded"

so i have no idea... 😦

Theres an option especially for that, its called 'priority'
when this option is set to 'true' it will be considered a 'high' priority image.

heres a more detailed explaination:
https://nextjs.org/docs/app/api-reference/components/image#priority

Example:

<Image src="/logo.webp" alt="LottoBillions" width={267} height={69} priority={true} />

but for LCP this priority should be true?
because I am going to to build a carousel containing some images, so maybe priority should be the images from carousel?

NextJS's documentation can help you with most of your problems. its worth taking a look at

hummm I see

thanks

🙂

no problem!

actually it didn't change

still the same thing lol

I tried priority={true}, then priority true with loading lazy

then priortiy true with placeholder="empty"

same result

@American black bear If you dont need any more help, please mark a solution.