NextJS Image Timeout

Support
1

Issue: Experiencing NextJS Image Timeout

Replication steps:

  1. Visit this link - https://62e28e1811ddcf19c5745dc0--goodfrontend.netlify.app/_next/image?url=https%3A%2F%2Fimages.ctfassets.net%2Fcccceenaqvh9%2F6FRIEWmqgbMesKvhrgIv7X%2Fe74dfc2d218661fb1a38a358f7b9b239%2Fbenjamin-davies-Oja2ty_9ZLM-unsplash.jpg%3Ffm%3Dwebp&w=3840&q=75

Expected:
Image to load as normal

Actual:
The image is not loading, and logs report it timing out.

2

Hi @kbgfed

Did this started to happen out of the blue or always timed out for this particular image?

The image itself seems rather large so it takes a while to process.

One thing you could try is falling back to the former way that our plugging handles image processing, by disabling Edge Functions:

Setting the environment variable NEXT_DISABLE_EDGE_IMAGES to TRUE

Hope this helps!

3

It was definitely working perfectly fine before for a good few months. I upgraded the NextJS plugin and even upgraded my account as I thought that might help, but I still experience the same issue.

Thanks, disabling edge images seems to have fixed it.

4

Glad to hear that!

If anything else pops up let us know!

Happy coding