4 replies

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 />

<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

TTC

Theo's Typesafe Cult•4y ago•

4 replies

grandpaK420

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 />

<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

Next JS Image Warning

Similar Threads

Next JS Image Warning

Similar Threads

Similar Threads

Similar Threads