Next JS Image Warning

I was getting this warning while using next/image

Image with src "<image_src>" was detected as the Largest Contentful Paint (LCP). Please add the "priority" property if this image is above the fold.

Image with src "<image_src>" was detected as the Largest Contentful Paint (LCP). Please add the "priority" property if this image is above the fold.

and when I add the priority prop to the <Image /> component I get this warning..

The resource http://localhost:3000/_next/image?url=%2F<image_src>&w=384&q=75 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

The resource http://localhost:3000/_next/image?url=%2F<image_src>&w=384&q=75 was preloaded using link preload but not used within a few seconds from the window's load event. Please make sure it has an appropriate `as` value and it is preloaded intentionally.

Any tip on how I can fix this warning? Thanks 🙂

3 Replies

Unknown User•2y ago

Message Not Public

Lopen•2y ago

What your nextjs version? If it's below 13 Use

import Image from 'next/future/image'

import Image from 'next/future/image'

This is way between than the regular image

Unknown User•2y ago

Message Not Public

Gaming

Programming

Next JS Image Warning